Intentando que agregue una entrada de texto para que se muestre debajo del espacio del encabezado, pero parece estar haciendo algunas cosas raras:
Parece que no lo está haciendo. Escribí esto una vez en C # y actualmente tengo que transferirlo básicamente a ClietnSide debido a algunos errores que solo se pueden solucionar usando el lado del cliente.
https://jsfiddle.net/fgtzjbLu/
var $input = $("<input/>", { type: "text", placeholder: "Column Filter" }); $tr.append("<th>" + "<span>" + colHeader[i] + '</span>' + '<br />').append($input.clone()).append("</th>");Lo he descubierto -
Después de completar la tabla, ejecuté el siguiente código para insertar el cuadro de texto en el encabezado de cada columna.
var tid = 10; var $input = $( "<input/>", { type: "text", id: id+tid + "TXTSEARCH", placeholder: "Filter", 'class': 'SearchTextBox', }); $($table.find('th')).each(function () { $input.clone().prop('id', id + tid + "TXTSEARCH",'placeholder',"Column Search").appendTo($(this)); tid++; })