I have to render up to 1500 row using jquery plugin Datatables and twitter bootstrap css. In each row, there is a table that can contain up to 50 row.
Using chrome developper tools profiler and testing, the rendering is a real problem. For example, i have for 250 items displayed 219861 selector match for .table th, .table td.
How can i optimize this ?
I retrieve twitter bootstrap from bootstrapcdn
Finally i will limit maximum number of rows displayed to 200. No “display all the stuff” allowed.
I will try to optimize css too. Seems that there is a lot of definition of bootstrap css i don’t use.