17
Es un error bastante común. Ya que la condición para un DataTable es que el número de columnas en el thead sea igual al del tbody, tiene sólo dos en el thead pero añade un botón adicional al tbody por tanto excede en uno las columnas, entonces su error se puede solucionar simplemente añadiendo una th vacío al final para igualar la columnas.
respondida el 28 dic. 17 a las 0:23
Dev. Joel
22.8k33 medallas de oro2424 medallas de plata4444 medallas de bronce
12
Si quieres evitar cargar más enlaces o hacer peticiones puedes manejar los textos directamente de la siguiente manera:
Nota: las propiedades de language pueden variar dependiendo de la versión de dataTables, en este caso funcionan bien con la versión más reciente (1.10.15)
var table = $('#DataTablesClientes').DataTable({
language: {
"...
respondida el 17 jul. 17 a las 14:28
JuankGlezz
5,43488 medallas de oro2626 medallas de plata5757 medallas de bronce
9
Soy un usuario mas activo en el foro de habla ingles pero hoy decidí dar una vuelta por acá, debo decir que esto me tomo un buen tiempo y que a pesar de haber hecho cosas complejas en DataTables esto fue un dolor de cabeza pero luego de unas cuantas tazas de café y testeos en jsfiddle espero que sea de utilidad.
Primero Cabe aclarar que busque un ejemplo ...
7
Creo que estás comparando un poco naranjas y manzanas. Sí, los dos son tablas y los dos usan JavaScript para actualizarse y buscar... pero ni su contenido ni su organización son comparables.
En la tabla de usuarios de StackOverflow, las celdas son independientes ya que ni las filas ni las columnas tienen relación alguna (que dos usuarios aparezcan en la ...
respondida el 11 feb. 17 a las 5:42
7
Estás asumiendo que data es una matriz bidimensional, pero por lo que se ve en consola no es así, es un array de objetos del tipo
{
Propiedad : ..., //string
Valor: ..., //string
Nombre: ...
}
Por lo que tendrías que acceder con data[i].Propiedad o data[i].Valor o data[i].Nombre
respondida el 12 abr. 19 a las 10:45
Pablo Lozano
40.5k77 medallas de oro4646 medallas de plata8383 medallas de bronce
6
Implemente la siguiente prueba y funciona correctamente
$(document).ready(function () {
$('#grid').DataTable();
});
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Zona</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/...
respondida el 1 abr. 16 a las 19:00
Leandro Tuttini
34.9k33 medallas de oro1212 medallas de plata4040 medallas de bronce
6
En primer lugar segun tu codigo no estas cargando los datos en el datatable solo los estas incrustando en la pagina con $(".data").append(rw); , si bien es cierto que la libreria te lo muestra como un datatable estos son solo los styles es decir visualmente ha cargado los colores y las posiciones para las celdas cuando especificaste en el class agregaste ...
respondida el 13 mar. 18 a las 21:42
theboshy
1,23511 medalla de oro99 medallas de plata2424 medallas de bronce
6
Basándonos en el ejemplo de Custom filtering, creo que te debería funcionar algo así:
export class CategoriaComponent implements OnInit {
message = '';
dtOptions: DataTables.Settings = {};
datatableElement: DataTableDirective; // <==
keyNombre(e){ // <==
this.datatableElement....
5
Logré solucionar esos problemas agregando las siguientes lineas de código jquery:
$("select").val('10'); //seleccionar valor por defecto del select
$('select').addClass("browser-default"); //agregar una clase de materializecss de esta forma ya no se pierde el select de numero de registros.
$('select').material_select(); //inicializar el select de ...
respondida el 17 ago. 16 a las 21:33
Juan Pinzón
8,9291616 medallas de oro4545 medallas de plata7373 medallas de bronce
5
Esta es la posible solución que encontré.
El detalle es extender la funcionalidad del botón exportar para que reemplace <br/> por \n, espero que te sea de utilidad, saludos.
$('#example').DataTable({
dom: 'Bfrtpi',
buttons: [{
extend: 'pdfHtml5',
text: 'Save current page',
exportOptions: {
format: {
...
respondida el 26 jul. 17 a las 23:38
Cristina Carrasco
5,06311 medalla de oro1313 medallas de plata3535 medallas de bronce
5
Podrías pasar un parámetros a la función dependiendo de a que botón le des, y así luego ejecutar el hide.
function agregarDetalle(cerrar) {
var detalleCaptura = $('#detalleCaptura');
var componentes = $('#componentes').val();
var tiempoColecta = $('#tiempoColecta').val();
rowNum++;
var t = detalleCaptura.DataTable();
t.row.add([
'&...
respondida el 9 may. 18 a las 12:55
Emiliano Montesdeoca
92933 medallas de plata1010 medallas de bronce
5
Base-64 cuenta con caracteres de relleno como ves en tu primer resultado encriptado al final tiene el caracter = pues es lo que te falta en el ultimo dato encriptado.
Posible causa:
Tu base de dato podría esta truncando caracteres revisa el tamaño del campo.
Para saber si hace falta un caracter de relleno o se cortó la cadena debes hacer lo siguiente.
if ...
respondida el 13 ago. 18 a las 23:10
denifer santiago fernandez
94944 medallas de plata2121 medallas de bronce
4
La solución de @Alvaro Montoro es correctísima. Otra solución que se me ha ocurrido es escuchar el evento draw de la tabla y volver a instanciar el controlador del evento. My fiddle aquí. (Es un poco "chapuza" pero hey functiona!!)
respondida el 10 may. 16 a las 14:14
Jose Hermosilla Rodrigo
3,84911 medalla de oro1313 medallas de plata2424 medallas de bronce
4
Tienes que añadir el tipo de la columna cuando defines el DataTable. Eso lo puedes hacer usando el atributo type como se explica en la documentación.
Sin ver tu código, no te puedo decir como lo harías, pero aquí te dejo el ejemplo de la página de DataTables:
$(document).ready(function() {
$('#example').dataTable( {
"columnDefs": [
...
respondida el 27 oct. 16 a las 14:47
4
Como un span es un elemento inline, puedes usar text-align: center para centrar el elemento dentro de la columna.
Ejemplo:
td{
width: 300px;
background-color: green;
text-align: center;
}
<table>
<tr>
<td><span>Esto es una prueba</span></td>
</tr>
</table>
Tal y como te ha ...
respondida el 2 nov. 16 a las 20:59
Francisco Romero
16k44 medallas de oro2727 medallas de plata5656 medallas de bronce
4
El error se produce porque declaras un elemento tr y luego generas muchos tr dentro de él.
Donde dice:
<tbody>
<tr>
<?php
$query="select * from directores";
$sql=mysqli_query($cn,$query);
$total=mysqli_num_rows($sql);
while($row=mysqli_fetch_array($sql))
{
?>
<tr>
<td&...
4
Si lo que tienes es el <tr> tienes que buscar el <input> en sus descendientes, esto lo puedes hacer con la función find
$('#idtabla_productos tbody').on('keypress', 'tr', function (event) {
var data = $(this).find('input').data('fila');
console.log(data);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery....
respondida el 6 abr. 17 a las 1:38
Diego Torres
5,60311 medalla de oro1313 medallas de plata3838 medallas de bronce
4
Puedes utilizar
$('#tblTotales').addClass('dt-head-center');
respondida el 1 jun. 17 a las 19:32
sioesi
11.3k44 medallas de oro1919 medallas de plata5454 medallas de bronce
4
Podrías hacer lo siguiente:
Usando la opción language.url se puede configurar un archivo JSON para con la traducción.
[Opcional] Usar el plugin Spanish translation que ya existe.
Ejemplo:
$(document).ready(function() {
$('#example').DataTable({
"language": {
"url": "//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json"
}
});
...
respondida el 16 jul. 17 a las 22:34
Marcos
26.9k66 medallas de oro2424 medallas de plata5858 medallas de bronce
4
Para la versión 1.10.16, eliminaba las opciones para exportar, para habilitar.
$(document).ready(function() {
$('#table').dataTable( {
"language": {
"url": "//cdn.datatables.net/plug-ins/1.10.16/i18n/Spanish.json"
},
dom: 'Bfrtip',
buttons: [
'copy', 'csv', 'excel', 'pdf', 'print'
]
} ...
4
Ajusta la seccion format de esta parte de tu código:
exportOptions: {
columns: ':visible',
stripHtml: true,
format: {
body: function ( data, row, column, node ) {
var retorno="",tag,respuesta="",reponer=[];
tag = $(node).find('input:hidden');
if(tag.length>0){for(i=0;i&...
respondida el 4 sep. 17 a las 23:13
juliocpiro
1,98211 medalla de oro55 medallas de plata1616 medallas de bronce
4
Podrías utilizar la función indexOf. De esta manera, si contuviera la palabra MATEMATICAS, cambiaría tu CSS.
La función indexOf devuelve el índice de la primera ocurrencia de la palabra. En caso de que no encontrara la palabra, devolvería -1.
if (data[0].indexOf("MATEMATICAS") >= 0)
{
$(row).addClass('td:eq(0)').css("background-color", "#e1f0d9")....
respondida el 21 mar. 18 a las 21:27
Francisco Romero
16k44 medallas de oro2727 medallas de plata5656 medallas de bronce
4
Deberías ponerlo de esta forma:
text: '<i class="fab FA-ICONO-ICONO"></i>',
En la web de font awesome puedes elegir el icono que quieres mostrar y abajo te vendrá el código, tan solo tienes que sustituirlo por FA-ICONO-ICONO. Por ejemplo , para un boton con icono de PDF seria:
buttons: [
//...
{
extend: '...
4
No estas utilizando correctamente el id de la tabla, que en tu caso es "examples" por eso el script no funciona, aqui te dejo un ejemplo funcional tomando tu código
let validacion = [1, 3, 5, 4, 2];
let personas = ["ana", "juan", "pedro", "maria", "gustavo"];
var html = "<table border=2 id='examples'>";
html += "<thead&...
4
En este caso que expones, el funcionamiento sería así:
listar.php
include('funciones.php');
lista_usuarios2();
Con esto estarías poniendo en el contexto de listar.php el archivo que contiene las funciones y en consecuencia haciéndolas disponibles para ser usadas en ese contexto.
Si el archivo ya está en el contexto, entonces no necesitas poner la línea ...
respondida el 20 ene. 19 a las 19:02
A. Cedano
75.7k1818 medallas de oro103103 medallas de plata197197 medallas de bronce
4
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border: 1px solid #ddd;
}
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2}
<div class="contenedor" style="overflow-x:auto;">
<table>
<tr>
<th>First Name</th>
<th>Last ...
respondida el 18 feb. 19 a las 16:25
phpMyGuel
12.5k11 medalla de oro1515 medallas de plata3737 medallas de bronce
4
Puedes obtener el valor del input de la siguiente forma:
const table = $('#example').DataTable();
table.search();
A continuación, te dejo un ejemplo sobre como obtener el valor mientras se está buscando.
$(document).ready(function() {
const $dt = $('#myTable').DataTable();
$dt.on('search.dt', function(e) {
$('#info').html('Texto buscado:...
4
var table = $('#tblDistribucionZonas').DataTable({
dom: 'lBfrtip',
pageLength: 10,
buttons: [
'copy', 'csv', 'excel', 'pdf'
],
language: {
"emptyTable": "No hay información",
"info": "Mostrando _START_ a _END_ de _TOTAL_ Documentos",
"infoEmpty": "Mostrando 0 to 0 of 0 Documentos",
"infoFiltered": "(Filtrado de _MAX_ ...
respondida el 26 mar. 19 a las 15:35
denifer santiago fernandez
94944 medallas de plata2121 medallas de bronce
4
Puedes moverlos usando los parametros de configuración de los botones de la siguiente manera:
$(document).ready(function (){
var table = $('#example').DataTable({
"ajax": 'https://api.myjson.com/bins/qgcu',
"order": [],
"dom": 'Bfrtip',
"buttons": {
"dom": {
"button": {
...
4
Imaginando un data.frame como el que dices:
set.seed(1)
datos <- data.frame(datos.ACTIVIDAD = sample(c("APARCAMIENTO DE VEHÍCULOS",
"TALLER MECANICO",
"ALMACENAMIENTO DE MATERIALES"), 10, replace = TRUE),
datos....
respondida el 28 dic. 20 a las 15:08
Patricio Moracho
45.9k1111 medallas de oro3131 medallas de plata6060 medallas de bronce
Solo están habilitadas las respuestas de wiki más votadas con una longitud mínima y que no pertenecen a la comunidad
Etiquetas relacionadas
datatables × 837jquery × 417
javascript × 323
php × 178
ajax × 126
html × 109
laravel × 78
mysql × 52
json × 40
c# × 38
html5 × 34
sql × 29
bootstrap × 29
laravel-5 × 25
datatable × 25
css × 24
sql-server × 18
asp.net-mvc × 18
base-de-datos × 17
angular × 11
codeigniter × 11
asp.net × 9
tablas × 9
django × 8
vue.js × 8