To bootstrap-table pits.

As a result of the design changes, the data from the paging display to the full display (only 3,500 data), the results of Chrome browser page, Firefox browser directly die!

Console.time analysis, unexpectedly is bootstrap-table plug-in pit

There are 2 main questions:

1. Use this. $body [0].html (Html.join (")) to replace the table loaded content. (Average time 900ms)" "

Change to Native method: this. $body [0].innerhtml = Html.join ('); (It takes 250ms to finish the change)

2. The binding event code is the binding that queries all elements first: this. $body. Find (' > Tr[data-index] > td '). Off (' Change '). (Average time 200ms)

Instead, bind directly to the parent element of this. $body: the. $container. Off (' click DblClick '). On (' Click DblClick ', ' Tr[data-index ' > td ', ... (It takes 25ms to finish the change)

To bootstrap-table pits.