Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

DataTables - Ordering arrow is in a below line with the column name


Hi,

I am upgrading my project from HTML framework package v8.2.3 to v8.3.0 and I got the issue with DataTables plugin. I fact, I realized the plugin changed the html structure so that Metronic style does not work anymore.

https://preview.keenthemes.com/html/metronic/docs/general/datatables/basic

I also checked in the official site of the plugin and saw that the layout was good: ordering arrow and the column name are on the same line



Please help fix this. DataTables is the crucial component in our website.

Thanks,
Jason


W
WilinkNet 11 months ago
Metronic Datatables
3 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

user
Faizal Author 11 months ago

Hi

Sorry for the delay in response. Please try to downgrade the datatable version to which is still works. We will try to fix the datatable UI for Metronic v8 in upcoming updates.

Thanks


W
WilinkNet 11 months ago

It has been a week and there is even a newer version released with the same error I mentioned. Could you please answer and show me the solution or at least a suggestion?


W
WilinkNet 11 months ago

Hi,

Could you reply soon? I am going to upgrade to v8.30 but I have to stop in the middle because of this error.

Thanks,
Jason


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(