DataTables Column Filtering plugin -- Some problems I found, and questions
DataTables Column Filtering plugin -- Some problems I found, and questions
beedrew
Posts: 9Questions: 0Answers: 0
Hi Everyone,
I am building a proof of concept using datatables for a php/mysql database. I am using individual column filtering based on the plug-in found here:
http://code.google.com/p/jquery-datatables-column-filter/
I was trying to get the input boxes moved to the top. The the wiki of the project says this is possible.
I think there is a bug in the .js file called jquery.dataTables.columnFilter.js. If you look at the instructions at the top, it says the placeholder values can be tfoot, thead:before, and thead:after in order to position the filter boxes. However, if you scroll down into the code, the script is looking for "head:before" and "head:after" as values. No "t".
Even after I fixed that, it took me awhile to realize that I must also open the HTML page and move the specified row of cells into the . This is probably obvious to people who are real Web developers, but for people like me, this would be a good thing to document.
Lastly, even after I did that fix, my page still did not run until I placed an extra row of cells (with nothing in them) into the area in my html page. It seems like the script is looking for a row in the even if you have used the parameter to locate the filter boxes in the .
And now to my questions:
1. Is there a function to remove the global Search box? I am debating not having that on my page and offering only the per-column filters, since many of my rows will have similar data in more than one column.
2. Does anyone know if there is a way to suppress the filter INPUT box for a specific column? I will have some columns that contain images and I won't want a filter box there. If there's no programmatic way, maybe I can use CSS.
Well, that's all for today. Thanks!
Bee
I am building a proof of concept using datatables for a php/mysql database. I am using individual column filtering based on the plug-in found here:
http://code.google.com/p/jquery-datatables-column-filter/
I was trying to get the input boxes moved to the top. The the wiki of the project says this is possible.
I think there is a bug in the .js file called jquery.dataTables.columnFilter.js. If you look at the instructions at the top, it says the placeholder values can be tfoot, thead:before, and thead:after in order to position the filter boxes. However, if you scroll down into the code, the script is looking for "head:before" and "head:after" as values. No "t".
Even after I fixed that, it took me awhile to realize that I must also open the HTML page and move the specified row of cells into the . This is probably obvious to people who are real Web developers, but for people like me, this would be a good thing to document.
Lastly, even after I did that fix, my page still did not run until I placed an extra row of cells (with nothing in them) into the area in my html page. It seems like the script is looking for a row in the even if you have used the parameter to locate the filter boxes in the .
And now to my questions:
1. Is there a function to remove the global Search box? I am debating not having that on my page and offering only the per-column filters, since many of my rows will have similar data in more than one column.
2. Does anyone know if there is a way to suppress the filter INPUT box for a specific column? I will have some columns that contain images and I won't want a filter box there. If there's no programmatic way, maybe I can use CSS.
Well, that's all for today. Thanks!
Bee
This discussion has been closed.