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

DataTables


Hello, I like this software very much. I have some questions though: I would like to use datatables but I find it pretty hard to implement. I would like to include a table like in this demo:

https://preview.keenthemes.com/metronic8/demo1/documentation/general/datatables/server-side.html
I need a filter option, server side processing (this is working already), a function to select several DB entries and some buttons with actions such as “export as csv”.

Also very good would be a view with TABS like here:

https://datatables.net/examples/api/tabs_and_scrolling.html
to provide main info in tab 1 and more info in tab 2

all in all this is very hard for me to implement everything in one view… I have the feeling there are a lot of bootstraß versions involved or different CSS and jQuery versions.

Do you have any info how I can easily build this view for my app?

I am using demo 1 with a dark menu. I am struggling to build a table view with the above requirements.

Can you point me in the right direction? Is there a readymade demo I can buy or download?


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 (5)


Hi,

You can use Bootstrap Tabs and put multiple datatables in your page as shown here. You can use other tab styles as well.

The scrollable datatable examples also available in our documentation here.

For the server side datatables please check the official documentation here and you will need some time to understand how the server side data exchange with the datatable must be handled. The official documentation provides all the info you need.

Regards.



OK, thanks...I saw most of the examples but they are hard for me to implement... do you have a demo where this DataTable is readymade?

https://preview.keenthemes.com/metronic8/demo1/documentation/general/datatables/server-side.html

I would buy this demo then...

It's too much work for me to implement it ...

Thanks



Hi,

Metronic currently provides only a frontend solution for the data tables.
To use the datatables you will need backend coding skils in order to implement it as per your project requirements.

In the near future, we will release fully functional datatable examples connected to a database.

Regards.



Ok, can I pay for this service when you connect my database (mysql) and make it filterable like in your example here:

https://preview.keenthemes.com/metronic8/demo1/documentation/general/datatables/server-side.html

Also I need some buttons to fire some actions like CSV export. Please contact me by email

Thanks



Hi,

Sure, you can reach our custom development team via https://keenthemes.com/hireus and provide more info for your custom development work then our team will get back to you.

Regards.


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