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

How to set the color of the DataTables


Hello again,
I'm trying to set the blu color on the current selected page as done here on example "Custom Demo" as well as putting the display below instead of on the top as default, how is this possible?

Do you have a source code where I could look at

Thanks
Paolosad


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


For the second part, I've fixed doing


ngOnInit(): void {
this.getData();
this.dtOptions = {
searching: false,
dom: "tlp", //<---here
columnDefs: [{
targets: [0],
orderable: false,
}
],
order: [1, "asc"],

}

}



Hi Paolo,

Unfortunately, we don't have Datatable ready example for our Angular app, it will be published in incoming releases. Not sure how to help you with your custom implementation of it, cause we aren't able to reproduce your case.

Regards,
Keenthemes support



hello,
and do you have an example on how to open a child row? I've found no angular example... and really waste time on it!

Thanks



Nope, we don't have an example of Datatable for Angular at all.
Anyway, if you are using Angular, you can use the Material table, here is an example of the expandable row: https://material.angular.io/components/table/examples#table-expandable-rows.

Regards,
Keenthemes support


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