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  :(