¿Cómo puedo configurar la clase en el campo de 'búsqueda' en las tablas de datos de plugins por favor. Estoy usando el tema Jquery UI también.Jquery tablas de datos: Conjunto de la clase en el campo de entrada del filtro
$('#idSmovData').dataTable({
"sScrollY": "600px"
,"bPaginate": false
,"bFilter": true
,"bJQueryUI": true
,"bInfo": false
,"bSort": false
});
Puede establecer la clase de filtro de búsqueda envoltorio div style usando oStdClasses
$.fn.dataTableExt.oStdClasses["sFilter"] = "my-style-class";
Y que el uso de CSS regular para orientar el campo de entrada de búsqueda:
.my-style-class input[type=text] {
color: green;
}
Consulte la datatables styling sección para más detalles.
Gracias. Tuve que cambiar para usar OJUIClasses, pero llegué allí al final. – Keith
@Keith sFilter es en realidad una propiedad de oStdClasses. pero, está bien usar oJUIClasses a medida que amplía oStdClasses. –
En el enlace tablas de datos estilismo al que hizo referencia, que dice: .fn.dataTableExt.oStdClasses $ - bJQueryUI utiliza cuando es falso $ .fn.dataTableExt.oJUIClasses - bJQueryUI utiliza cuando es verdadera. Como estoy usando "bJQueryUI": verdadero, supuse que necesitaría usar oJUIClasses. ¿Hay un equivalente de sFilter para OJUIClasses, o me falta algo? – Keith
$('div.dataTables_filter input').addClass('form-control');
$('div.dataTables_length select').addClass('form-control');
Aquí estoy añadiendo la clase Bootstrap form-control a la entrada del filtro y la longitud de selección, como un ejemplo.
exactamente lo que necesitaba! – Shlo
en jquery.datatables.css para la selección .dataTables_wrapper .dataTables_filter input (línea: 288) add border: solid #ddd 1px; radio de borde: 5px; o lo que prefieras –