Pens from Max https://codepen.io/koalyptus/ en nospam@codepen.io Copyright 2024 2020-10-28T06:16:56-07:00 TableFilter with custom pagination https://codepen.io/koalyptus/pen/jOrLywZ https://codepen.io/koalyptus/pen/jOrLywZ Max

See the Code - See it Full Page - See Details

This example shows how to configure TableFilter to add the following features to a plain HTML table: - drop-down filters - alternating rows - rows counter - clear filters button - activity indicator - keyword(s) highlighting - filtered columns indicator - customized options for a drop-down filter - column witdhs

]]>
TableFilter with custom pagination 2020-10-28T06:16:56-07:00
TableFilter with getVisibleColumnData API when paging is on https://codepen.io/koalyptus/pen/ZEboajz https://codepen.io/koalyptus/pen/ZEboajz Max

See the Code - See it Full Page - See Details

]]>
TableFilter with getVisibleColumnData API when paging is on 2020-05-11T01:03:46-07:00
TableFilter with colspan rows https://codepen.io/koalyptus/pen/yLYzXPz https://codepen.io/koalyptus/pen/yLYzXPz Max

See the Code - See it Full Page - See Details

This example shows how to configure TableFilter to add the following features to a plain HTML table: - drop-down filters - alternating rows - rows counter - clear filters button - activity indicator - keyword(s) highlighting - filtered columns indicator - customized options for a drop-down filter - column witdhs

]]>
TableFilter with colspan rows 2020-05-10T09:14:27-07:00
TableFilter with pop-up filters and columns visibility extension https://codepen.io/koalyptus/pen/oKXdMP https://codepen.io/koalyptus/pen/oKXdMP Max

See the Code - See it Full Page - See Details

This example shows how to configure TableFilter with columns visibility extension and the pop-up filters enabled.

]]>
TableFilter with pop-up filters and columns visibility extension 2019-07-21T08:32:38-07:00
TableFilter: sort filter options https://codepen.io/koalyptus/pen/pmXqob https://codepen.io/koalyptus/pen/pmXqob Max

See the Code - See it Full Page - See Details

Configuration options to sort filter options in ascending or descending manner based on column's data type

]]>
TableFilter: sort filter options 2020-04-30T11:36:28-07:00
TableFilter & Bootstrap 4 https://codepen.io/koalyptus/pen/NmamJL https://codepen.io/koalyptus/pen/NmamJL Max

See the Code - See it Full Page - See Details

This example shows how to integrate with bootstrap 4

]]>
TableFilter & Bootstrap 4 2019-06-07T12:53:23-07:00
easyweather overriding provider settings example https://codepen.io/koalyptus/pen/NoBWvo https://codepen.io/koalyptus/pen/NoBWvo Max

See the Code - See it Full Page - See Details

Leverage EasyWeather API to modify a provider settings at runtime

]]>
easyweather overriding provider settings example 2019-02-16T09:51:33-07:00
TableFilter with sticky filters and headers https://codepen.io/koalyptus/pen/ErwvRW https://codepen.io/koalyptus/pen/ErwvRW Max

See the Code - See it Full Page - See Details

This example shows how to implement sticky headers and filters with a CSS only solution

]]>
TableFilter with sticky filters and headers 2019-06-08T02:00:43-07:00
easyweather with Open Weather Map 5 days forecasts https://codepen.io/koalyptus/pen/VgZppe https://codepen.io/koalyptus/pen/VgZppe Max

See the Code - See it Full Page - See Details

]]>
easyweather with Open Weather Map 5 days forecasts 2019-01-22T00:03:29-07:00
TableFilter: grid-layout with many columns https://codepen.io/koalyptus/pen/bQKGMe https://codepen.io/koalyptus/pen/bQKGMe Max

See the Code - See it Full Page - See Details

]]>
TableFilter: grid-layout with many columns 2019-06-07T13:05:07-07:00