Optimize components rendering
Optimize components rendering
victorkurauchi
Posts: 12Questions: 1Answers: 0
Hello everyone, i'd like to know if is there a way to optimize my interface rendering.
I mean, when the data is retrieved (around 1k+ registers) from database, it loads fast enough to display the rows, but it takes around 600ms to appear the filter-input (search) and the table height style is set only after the components are completely rendered.
the code i'm using to initialize datatable:
[code]
$('#datatable-worklist-urgent-doctor').dataTable({
"oLanguage": {
"sUrl": "js/i18n/dataTables.pt.txt"
},
"aoColumns": [
{ "sType": "uk_date" },
null,
null,
null,
null,
null,
null,
{ "sType": "uk_date" },
null
],
"bPaginate": false,
"bStateSave": true,
"fnStateSave": function (oSettings, oData) {
localStorage.setItem( 'DataTables', JSON.stringify(oData) );
},
"fnStateLoad": function (oSettings) {
return JSON.parse( localStorage.getItem('DataTables') );
},
"sScrollX": "100%",
"sScrollY": "300px",
"bScrollCollapse": true
});
[/code]
I appreciate any help.
Thank you all, best regards.
I mean, when the data is retrieved (around 1k+ registers) from database, it loads fast enough to display the rows, but it takes around 600ms to appear the filter-input (search) and the table height style is set only after the components are completely rendered.
the code i'm using to initialize datatable:
[code]
$('#datatable-worklist-urgent-doctor').dataTable({
"oLanguage": {
"sUrl": "js/i18n/dataTables.pt.txt"
},
"aoColumns": [
{ "sType": "uk_date" },
null,
null,
null,
null,
null,
null,
{ "sType": "uk_date" },
null
],
"bPaginate": false,
"bStateSave": true,
"fnStateSave": function (oSettings, oData) {
localStorage.setItem( 'DataTables', JSON.stringify(oData) );
},
"fnStateLoad": function (oSettings) {
return JSON.parse( localStorage.getItem('DataTables') );
},
"sScrollX": "100%",
"sScrollY": "300px",
"bScrollCollapse": true
});
[/code]
I appreciate any help.
Thank you all, best regards.
This discussion has been closed.