FooTable

FooTable

FooTable is a lightweight jQuery plugin that allows you to make HTML tables responsive, enabling them to be easily viewable and navigated on different screen sizes, including mobile devices. It works by dynamically hiding columns from the table and adding search and pagination fu
Office & Productivity Spreadsheets & Tables
FooTable image
jquery responsive tables mobile
FooTable alternatives ➤

FooTable: Responsive jQuery Plugin for Dynamic HTML Tables

FooTable is a lightweight jQuery plugin that allows you to make HTML tables responsive, enabling them to be easily viewable and navigated on different screen sizes, including mobile devices. It works by dynamically hiding columns from the table and adding search and pagination functionality.

What is FooTable?

FooTable is a lightweight open-source jQuery plugin that makes HTML tables responsive and enables additional functionality. It allows tables to be easily viewed and navigated on all devices and screen sizes by dynamically hiding columns and adding useful features.

When the screen size is too small to display the entire table, FooTable will automatically hide less critical columns and allow the user to toggle them via an interactive dropdown menu. Additional features like sorting, searching, and pagination can also be enabled.

This allows developers to create a single table for display across desktop and mobile without having to create multiple versions. FooTable converts the table into a responsive mobile-friendly layout automatically. The hidden columns and features toggle on and off seamlessly as needed.

FooTable is customizable with CSS and configurable options to allow for variable row heights, aligned content, hover effects, and many additional plugins. It's lightweight without dependencies, integrates with major frameworks, and is compatible with older browsers as well including IE8.

FooTable Features

Features

  1. Responsive design
  2. Column toggling
  3. Sorting
  4. Filtering
  5. Pagination
  6. Theming
  7. Extensions

Pricing

  • Open Source

Pros

Lightweight and easy to implement

Works with existing HTML tables

Good documentation and examples

Active development and support

Customizable and extensible

Cons

Less features than some table plugins

May require extra CSS for complex layouts

Older IE browser support lacking

Official Links

Official Website
https://fooplugins.github.io/FooTable/

The Best FooTable Alternatives

Top Office & Productivity and Spreadsheets & Tables and other similar apps like FooTable

Here are some alternatives to FooTable:

DataTables icon
DataTables
FancyGrid icon
FancyGrid
Ext JS icon
Ext JS
List.js icon
List.js
JQuery Dynatable icon
jQuery Dynatable
Vanilla-DataTables icon
Vanilla-DataTables
Suggest an alternative ❐

DataTables icon

DataTables

DataTables is an open source jQuery plugin that enhances the functionality and interactivity of HTML tables. It provides features like searching, sorting, filtering, and pagination that make large data sets in tables more manageable and user-friendly.Some key features of DataTables include:Search box - Allows users to quickly search for data...
DataTables image
FancyGrid icon

FancyGrid

FancyGrid is a powerful yet easy-to-use spreadsheet software and data visualization tool for analyzing, visualizing and sharing data. It provides a variety of features:User-friendly spreadsheet interface for entering, formatting and calculating data.Hundreds of charts and graph types to visualize data, reveal patterns and turn numbers into actionable insights.Interactive dashboards to...
FancyGrid image
Ext JS icon

Ext JS

Ext JS is a feature-rich JavaScript framework for building data-intensive, cross-platform web applications. Originally developed by Sencha, Ext JS provides a library of pre-built UI components and supports MVC architecture out of the box.Some key features of Ext JS include:Large collection of customizable and themeable UI components like grids, trees,...
Ext JS image
List.js icon

List.js

List.js is a lightweight open-source JavaScript library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Developed by Jonny Strömberg, List.js aims to handle large data sets and complex data without getting bogged down.Some key features of List.js include:Search - Quickly filter table content with...
List.js image
JQuery Dynatable icon

JQuery Dynatable

jQuery Dynatable is a lightweight JavaScript library that allows you to easily add advanced interaction controls to HTML tables, including sort, search, paginate, and filter. It works by transforming existing static HTML tables into dynamic and interactive tables.Some key features of Dynatable include:Sorting - Allow table sorting by one or...
JQuery Dynatable image
Vanilla-DataTables icon

Vanilla-DataTables

Vanilla-DataTables is an open source JavaScript library built on top of vanilla JavaScript that adds advanced interaction controls and features to plain HTML tables. Some of the key features it provides include:Searchable tables - Users can search for specific data across all columnsSortable columns - Columns can be configured to...
Vanilla-DataTables image