Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/custom-cards/flex-table-card

Highly Flexible Lovelace Card - arbitrary contents/columns/rows, regex matched, perfect to show appdaemon created content and anything breaking out of the entity_id + attributes concept
https://github.com/custom-cards/flex-table-card

data-table data-visualization flexible-table high-configurability home-automation homeassistant javascript lovelace single-file table-visualization

Last synced: 6 days ago
JSON representation

Highly Flexible Lovelace Card - arbitrary contents/columns/rows, regex matched, perfect to show appdaemon created content and anything breaking out of the entity_id + attributes concept

Host: GitHub
URL: https://github.com/custom-cards/flex-table-card
Owner: custom-cards
License: gpl-3.0
Created: 2018-11-05T22:30:11.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2024-12-14T02:38:23.000Z (about 2 months ago)
Last Synced: 2025-01-25T00:06:55.435Z (13 days ago)
Topics: data-table, data-visualization, flexible-table, high-configurability, home-automation, homeassistant, javascript, lovelace, single-file, table-visualization
Language: JavaScript
Size: 615 KB
Stars: 224
Watchers: 8
Forks: 26
Open Issues: 31
Metadata Files:
- Readme: README.md
- Changelog: changelog.md
- License: LICENSE

Awesome Lists containing this project

README

        # Flex Table

[![hacs_badge](https://img.shields.io/badge/HACS-Default-41BDF5.svg?style=for-the-badge)](https://github.com/hacs/integration) 

[![Version](https://img.shields.io/badge/version-0.7.8-green.svg?style=plastic)](#)

[![stable-release-0.7.8](https://img.shields.io/badge/stable-release_0.7.8-green.svg?style=plastic)](#)

## Installation using HACS ([Home Assistant Community Store](https://hacs.xyz))

* Use [HACS](https://hacs.xyz) inside your frontend, if unavailable [here is how to install HACS](https://hacs.xyz/docs/installation/manual)

* Search for `flex-table`, hit `install`, done!

* Add the appropriate lines as provided by [HACS](https://hacs.xyz) to your *lovelace ui config* 

## Installation (as quick, only manual updates, better for developers)

* Find your home-assistent config-dir (e.g., `~/.homeassistant/`) and change into `~/.homeassistant/www` (create if needed)

* Run `$ wget https://raw.githubusercontent.com/custom-cards/flex-table-card/master/flex-table-card.js` to get the `.js` file

* Add at the top of your UI Lovelace config (via *lovelace ui config* or within `.yaml`)

``` yaml

resources:

  - type: module

    url: /local/flex-table-card.js

```

## Quick-Start & Documentation

* [Quick-Start](https://github.com/custom-cards/flex-table-card/tree/master/docs/example-cfg-basics.md)

* [(Configuration) Examples](https://github.com/custom-cards/flex-table-card/tree/master/docs)

  * [Basics](https://github.com/custom-cards/flex-table-card/tree/master/docs/example-cfg-basics.md)

  * [Column Data Selector](https://github.com/custom-cards/flex-table-card/tree/master/docs/example-cfg-data.md)

  * [Formatting](https://github.com/custom-cards/flex-table-card/tree/master/docs/example-cfg-simple-cell-formatting.md)

  * [Sorting & Strict](https://github.com/custom-cards/flex-table-card/tree/master/docs/example-cfg-sorting-strict.md)

  * [Headers](https://github.com/custom-cards/flex-table-card/tree/master/docs/example-cfg-headers.md)

  * [Advanced Cell Formatting](https://github.com/custom-cards/flex-table-card/tree/master/docs/example-cfg-advanced-cell-formatting.md)

  * [Formatting with CSS](https://github.com/custom-cards/flex-table-card/tree/master/docs/example-cfg-css.md)

  * [Auto Entities](https://github.com/custom-cards/flex-table-card/tree/master/docs/example-cfg-autoentities.md)

  * [Loading from Services](https://github.com/custom-cards/flex-table-card/tree/master/docs/example-cfg-services.md)

  * [Adding a Summary Footer](https://github.com/custom-cards/flex-table-card/tree/master/docs/example-cfg-footers.md)

* [Configuration Reference](https://github.com/custom-cards/flex-table-card/tree/master/docs/config-ref.md)

* [How to Contribute](https://github.com/custom-cards/flex-table-card/tree/master/docs/contribute.md)