Replace Advanced Filtering with DataTables.js View

[maehr]

Describe what feature you'd like. Pseudo-code, mockups, or screenshots of similar solutions are encouraged!

Currently, the advanced filtering (faceted search) interface is being developed for exploring and filtering dataset entries. However, a more effective and user-friendly approach would be to implement a DataTables.js view, similar to the DataTables.js integration used on Basel's Historical Research Portal. This would provide a streamlined, feature-rich, and consistent experience for users.

Feature Request:
Implement a DataTables.js view as the primary method for displaying and filtering data. This will replace or supplement the existing advanced filtering (faceted search) interface.

Rationale:
DataTables.js offers several benefits that align well with user needs:

• Enhanced Filtering: DataTables.js provides a more intuitive, searchable, and sortable table format that can manage large datasets efficiently.
• Familiar Interface: Many users are familiar with DataTables.js from other platforms and websites, making it easier for them to navigate and utilize the data effectively.
• Rich Functionality: DataTables.js includes built-in pagination, column visibility toggling, advanced search, and export options.
• Consistency with Existing Sites: Implementing a DataTables.js view creates consistency with the Basel Historical Research Portal and aligns with similar data exploration tools.

Requirements:

1. Integrate DataTables.js into the existing project to manage the dataset view.
2. Configure the table to support:
   • Column sorting
   • Searchable fields
   • Pagination
   • Export options (e.g., CSV, Excel, PDF)
3. Replace the existing advanced filtering interface with the DataTables.js view as the default, or provide it as an alternative view for users who prefer a structured table layout.

Expected Outcome:
A DataTables.js view that offers users a clear, effective, and interactive way to explore the dataset, similar to the Basel Historical Research Portal.

Example for Reference:

• Basel Historical Research Data View

Additional Notes:
Please ensure that the DataTables.js integration is fully responsive and optimized for both desktop and mobile devices.

Screenshot:
N/A (see the example link for the desired layout and functionality)

What type of pull request would this be?

New Feature

Any links to similar examples or other references we should review?

• Improve User-Friendliness of Search Functionality and Advanced Search Options #158
• Research: lunr-search for browse-page #167