FooTable

screenshot of FooTable

jQuery plugin to make HTML tables responsive

Overview

FooTable V3 brings a fresh perspective to data management with a complete re-write of its plugin. Designed for users who demand more from their data tables, V3 introduces numerous enhancements, making it more versatile and user-friendly. Though it's important to note that there is no upgrade path from V2 to V3 due to significant changes in both options and code structure, the new version reflects a polished approach to presenting and manipulating data effectively.

This version not only emphasizes improved usability but also incorporates new features that significantly elevate its functionality. Whether you are a developer or a user looking to manage data tables, FooTable V3 promises to deliver enhanced performance and smoother operations.

Features

  • New Export Component: The addition of the FooTable.Export component allows users to easily export their data in JSON or CSV formats with simple methods (.toJSON() and .toCSV()).
  • Enhanced Row Events: Two new events, expanded.ft.row and collapsed.ft.row, provide additional hooks for greater interactivity after rows are expanded or collapsed.
  • Array and Object Column Types: New column types make it easier to render JavaScript arrays and objects directly as cell contents, improving data presentation significantly.
  • Custom Container Options: New options for the filtering and paging components allow developers to specify a single selector for where UI elements get rendered, enhancing layout control.
  • Cell and Row Update Mechanism: The redrawSelf parameter in key methods allows for finer control over how individual cells or rows update their DOM, optimizing performance.
  • Flexible Page Size Configuration: The ability for the pageSize method to accept string values increases its flexibility, adapting better to diverse use cases.
  • Improved Filtering Options: A new boolean parameter for the filtering method gives better focus control on search inputs after filter operations are performed, streamlining user experience.
  • Formatter Function Update: The .formatter() function now accepts an additional parameter for row data, enabling more advanced formatting capabilities based on current row values.
grunt
Grunt

Grunt is a popular JavaScript task runner that automates repetitive tasks like minification, compilation, and testing, allowing developers to focus on writing code.