Trying to get it to append a text input to display below the header span but it seems to be doing some wonky stuff -
It appears to not be doing it. I have written this once in C# and I am currently having to basically port it over to ClietnSide due to some bugs that can only be fixed using clientside.
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>");
I have figured it out -
After the table is completed I have run the following code to insert the textbox into each column header.
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++;
})