Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

How to integrate KTDatatable in metronic 8?


have metronic 7 code,update this how to integrate KTDatatable in metronic 8?
KTDatatable amazing!!!


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (18)


Hi,

Sorry for the inconvenience. The KTDatatable is not compatible with Metronic 8. Please consider using the Datatables.net plugin. This plugin has more features.

Thanks



KTDatatable amazing plugin,loss is loss
trying to integrate



When there are 1 million pieces of data for paging and requesting, it is very difficult to use Datatables.net plugin



Hi,

If you are working with large databases, you might want to consider using the server-side options that DataTables provides. With server-side processing enabled, all paging, searching, and ordering actions.

https://datatables.net/examples/data_sources/server_side

thanks



while trying to use,but multiple columns collapse



Could you please share the screenshot? Probably there are options to fix it.

Thanks



on metronic 7 KTDatatable,https://photos.app.goo.gl/ufZVJFEmSUiK8Hax9
like this




var datatable = $("#kt_datatable").KTDatatable({
//.. other options
rows: { autoHide: false }
//..
});


Please try to use this option.

Thanks



Thanks,on metronic 8 DataTable like KTDatatable autoHide!

in DataTable autoHide



Could you please clarify your question?

Thanks



DataTable automatically folds and hides when there are many columns like KTDatatable



Try this one


$("#example").DataTable( {
responsive: {
details: false
}
} );


https://datatables.net/reference/option/responsive.details

Thanks



This parameter has been used, there is no such thing as KTDatatable clicking the arrow to automatically display the collapsed column,It is not automatically calculating the current width calculation how many columns need to be hidden,This parameter is mandatory。
It is also hoped to integrate KTDatatable in metronic 8,KTDatatable is really cool



Thanks,Reading this part of the documentation in detail




$('#example').DataTable({
responsive: {
details: {
type: 'inline'
}
},
}
);

When using the above configuration,last column [ACTIONS] hidden by folding,How the ACTIONS column is not hidden


{ data: null, responsivePriority: 1},

The problem is solved



Sorry for the delay. Glad you have resolved it. Hope it can help others as well.

Thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(