Datatables + Tooltips Bootstrap (many html)

vincent123456

Hi,

I have a complex datatables, including a row with 5-8 tooltips (bootstrap tooltips) displaying about 3000 characters each html.
The content of the tooltips is generated by PHP (database).

I tried 2 options :

-> Option 1 : Generation tooltips for each line of the table (PHP) and returns rows in JSON.
As soon as I exceed 100 lines , the table takes more than 10 seconds to load (1 second against no tooltips ).
I can not restrict via paging because users need the " Show All"

-> Option 2 : Return rows in JSON with only "ID" instead tooltips.
Once the table is finished being loaded, loop through all the "IDs" with ajax request to retrieve the HTML content and initialize the tooltip.
The table is quick to load , but the client browser is 5-8 * X line ajax request , which is too heavy

Do you have any other(s) idea(s) ?
Have you ever had this problem ?

Thank you a