[UNFINISHED] Features to implement

[LePhenix47]

Features that the jQuery plugin has that need to be added into our React component library:

• [x] Add a table caption to the title (with the props title)
• [x] Create a table from the data (with the props data)
• [x] Filter the sorted/normal table with the query search (with the props filter)
• [x] Sort the filtered/normal array by a property (with the props sort)
• [x] Change the amount of shown entries (with the props lengthMenu)
• [x] Navigate through the sorted or / and filtered table with pagination (with the props paging)
• [x] Navigate through the sorted or / and filtered table with scrolling (with the props scrolling + height)
• [x] View the entries shown of the filtered/normal table (with the props info)

[LePhenix47]

Props:

• [x] title: Adds a title as table<caption>
• [x] data: Adds the table rows to the <thead> and the table rows + table cells for the <tbody>
• [x] sort: Adds the sorting button to the <thead>
• [x] filter: Displays the <QuerySearch /> component
• [x] info: Displays the <EntriesIndex/> component
• [x] paging: Displays the <PaginationIndex /> component
• [x] lengthMenu: Adds the <option> to the <ShownEntries /> component
• [x] scroll + height: Hides:
• the <ShownEntries/> component
• the <PaginationIndex /> component

Updates the <EntriesIndex /> text and enables scrolling in the table Makes the sorting and filtering still available

[LePhenix47]

Other

• [x] Show "No data is available to display" if no data as added
• [x] Show "No matching records found" if the query doesn't have a match with the data

[LePhenix47]

I currently have a bug where if there is no data available to display, the table will show the message but also with a "0" on the <tbody> and also on the <thead>

Maybe switch data.length to copiedData.length

[LePhenix47]

Done!