I am trying to make a basic, external app with the Salesforce look-and-feel using Salesforce Lightning Design System (SLDS). Notably, the app includes data tables so I want to use the Data Table component. However I also want some interactive in-browser functions such as column sorting and in-text search. I see SLDS provides UI components for such functions, however it seems to be only CSS and the examples do not actually feature any interactivity.
Prior to integrating SLDS I was using the jQuery DataTables library for handy sorting function. However the library includes its own CSS look-and-feel and it does not seem too compatible with SLDS. In fact, if I use them separately, it works fine, but on the DataTable I do not have SLDS styling and on the SLDS table I do not have interactivity. If use both on the same table, the table elements' appearance gets broken.
- Is there a way to make jQuery DataTables compatible with SLDS Data Tables?