1.2.27 • Published 6 months ago

@fluid-topics/ft-filterable-table v1.2.27

Weekly downloads
-
License
ISC
Repository
-
Last release
6 months ago

A filterable table component.

Install

npm install @fluid-topics/ft-filterable-table
yarn add @fluid-topics/ft-filterable-table

Usage

Lit

import { html } from "lit"
import "@fluid-topics/ft-filterable-table"
import {
    ColumnConfiguration,
    RowClickEvent
} from "@fluid-topics/ft-filterable-table"

interface Model {
    ...
}

function render() {
    const data: Array<Model> = [ ... ]
    const columns: Array<ColumnConfiguration<Model>> = [ ... ]
    const sort: Sort = {
        column: 0,
        order: "asc"
    }
    return html`
        <ft-filterable-table
                .data=${ data }
                .columns=${ columns }
                .sort=${ sort }
                @row-click=${ (e: RowClickEvent<Model>) => console.log("Clicked on row: " + e.detail.title) }
        />
    `
}

Vanilla JS

<!DOCTYPE html>
<html>
<head>
    <title>Ft Filterable Table Demo</title>
    <script src="./build/ft-filterable-table.min.js"></script>
    <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet">
</head>
<body>
<ft-filterable-table id="table"></ft-filterable-table>
<script>
    const data = [...]
    const columns = [...]
    const sort = {
        column: 0,
        order: "asc"
    }
    let table = document.getElementById("table")
    table.init(data, columns, sort)
    table.addEventListener("row-click", e => console.log("Clicked on row: " + e.detail.title))
</script>
</body>
</html>
Lit
@fluid-topics/ft-button@fluid-topics/ft-select@fluid-topics/ft-text-field@fluid-topics/ft-wc-utilslit
1.1.100

11 months ago

1.1.107

10 months ago

1.1.106

10 months ago

1.1.105

10 months ago

1.1.104

10 months ago

1.1.103

10 months ago

1.1.102

11 months ago

1.1.101

11 months ago

1.1.92

12 months ago

1.1.121

9 months ago

1.1.91

12 months ago

1.1.120

9 months ago

1.1.90

12 months ago

1.1.96

12 months ago

1.1.95

12 months ago

1.1.94

12 months ago

1.1.93

12 months ago

1.1.99

11 months ago

1.1.98

11 months ago

1.1.97

11 months ago

1.1.109

10 months ago

1.1.111

10 months ago

1.1.119

9 months ago

1.1.118

9 months ago

1.1.117

9 months ago

1.1.116

10 months ago

1.1.115

10 months ago

1.1.114

10 months ago

1.1.113

10 months ago

1.1.112

10 months ago

1.1.81

1 year ago

1.1.85

12 months ago

1.1.84

12 months ago

1.1.83

12 months ago

1.1.82

1 year ago

1.1.89

12 months ago

1.1.88

12 months ago

1.1.87

12 months ago

1.1.86

12 months ago

1.2.19

7 months ago

1.2.20

6 months ago

1.2.23

6 months ago

1.2.24

6 months ago

1.2.21

6 months ago

1.2.22

6 months ago

1.2.27

6 months ago

1.2.25

6 months ago

1.2.26

6 months ago

1.2.0

9 months ago

1.2.8

8 months ago

1.2.7

8 months ago

1.2.6

8 months ago

1.2.5

8 months ago

1.2.4

8 months ago

1.2.3

8 months ago

1.2.2

9 months ago

1.2.1

9 months ago

1.2.12

7 months ago

1.2.13

7 months ago

1.2.10

8 months ago

1.2.11

8 months ago

1.2.16

7 months ago

1.2.17

7 months ago

1.2.14

7 months ago

1.2.15

7 months ago

1.2.9

8 months ago

1.1.78

1 year ago

1.1.77

1 year ago

1.1.79

1 year ago

1.1.80

1 year ago

1.1.76

1 year ago

1.1.75

1 year ago

1.1.70

1 year ago

1.1.74

1 year ago

1.1.73

1 year ago

1.1.72

1 year ago

1.1.71

1 year ago

1.1.69

1 year ago

1.1.68

1 year ago

1.1.67

1 year ago

1.1.66

1 year ago

1.1.65

1 year ago

1.1.63

1 year ago

1.1.62

1 year ago

1.1.64

1 year ago

1.1.61

1 year ago

1.1.52

1 year ago

1.1.51

1 year ago

1.1.50

1 year ago

1.1.56

1 year ago

1.1.55

1 year ago

1.1.54

1 year ago

1.1.53

1 year ago

1.1.59

1 year ago

1.1.58

1 year ago

1.1.57

1 year ago

1.1.60

1 year ago

1.1.39

1 year ago

1.1.41

1 year ago

1.1.40

1 year ago

1.1.45

1 year ago

1.1.44

1 year ago

1.1.43

1 year ago

1.1.42

1 year ago

1.1.49

1 year ago

1.1.48

1 year ago

1.1.47

1 year ago

1.1.46

1 year ago

1.1.38

1 year ago

1.1.37

2 years ago

1.1.36

2 years ago

1.1.35

2 years ago

1.1.34

2 years ago

1.1.33

2 years ago

1.1.32

2 years ago

1.1.31

2 years ago

1.1.29

2 years ago

1.1.30

2 years ago

1.1.28

2 years ago

1.1.27

2 years ago

1.1.26

2 years ago

1.1.25

2 years ago

1.1.24

2 years ago

1.1.23

2 years ago

1.1.22

2 years ago

1.1.21

2 years ago

1.1.20

2 years ago

1.1.19

2 years ago

1.1.18

2 years ago

1.1.17

2 years ago

1.1.16

2 years ago

1.1.15

2 years ago

1.1.14

2 years ago

1.1.13

2 years ago

1.1.12

2 years ago

1.1.11

2 years ago

1.1.10

2 years ago

1.1.9

2 years ago

1.1.8

2 years ago

1.1.7

2 years ago

1.1.6

2 years ago

1.1.5

2 years ago

1.1.4

2 years ago

1.1.3

2 years ago

1.1.2

2 years ago

1.1.1

2 years ago

1.0.63

2 years ago

1.1.0

2 years ago

1.0.62

2 years ago

1.0.61

2 years ago

1.0.60

2 years ago

1.0.39

2 years ago

1.0.38

2 years ago

1.0.40

2 years ago

1.0.44

2 years ago

1.0.43

2 years ago

1.0.42

2 years ago

1.0.41

2 years ago

1.0.48

2 years ago

1.0.47

2 years ago

1.0.46

2 years ago

1.0.45

2 years ago

1.0.49

2 years ago

1.0.51

2 years ago

1.0.50

2 years ago

1.0.55

2 years ago

1.0.54

2 years ago

1.0.53

2 years ago

1.0.52

2 years ago

1.0.59

2 years ago

1.0.58

2 years ago

1.0.57

2 years ago

1.0.56

2 years ago

1.0.19

2 years ago

1.0.18

2 years ago

1.0.22

2 years ago

1.0.21

2 years ago

1.0.20

2 years ago

1.0.26

2 years ago

1.0.25

2 years ago

1.0.24

2 years ago

1.0.23

2 years ago

1.0.29

2 years ago

1.0.28

2 years ago

1.0.27

2 years ago

1.0.33

2 years ago

1.0.31

2 years ago

1.0.30

2 years ago

1.0.37

2 years ago

1.0.36

2 years ago

1.0.35

2 years ago

1.0.34

2 years ago

1.0.17

2 years ago

1.0.16

2 years ago

1.0.15

2 years ago

1.0.14

2 years ago

1.0.13

2 years ago

1.0.12

2 years ago

0.3.71

3 years ago

0.3.70

3 years ago

1.0.0-alpha.1

3 years ago

1.0.0-alpha.0

3 years ago

0.3.64

3 years ago

0.3.63

3 years ago

0.3.62

3 years ago

0.3.61

3 years ago

0.3.60

3 years ago

0.3.69

3 years ago

0.3.68

3 years ago

0.3.67

3 years ago

0.3.66

3 years ago

0.3.65

3 years ago

0.3.58

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.11

2 years ago

1.0.10

2 years ago

0.3.57

3 years ago

0.3.56

3 years ago

0.3.55

3 years ago

0.3.53

3 years ago

0.3.52

3 years ago

0.3.54

3 years ago

0.3.51

3 years ago

0.3.50

3 years ago

0.3.49

3 years ago

0.3.48

3 years ago

0.3.47

3 years ago

0.3.46

3 years ago

0.3.31

3 years ago

0.3.30

3 years ago

0.3.39

3 years ago

0.3.38

3 years ago

0.3.37

3 years ago

0.3.36

3 years ago

0.3.35

3 years ago

0.3.34

3 years ago

0.3.33

3 years ago

0.3.32

3 years ago

0.3.20

3 years ago

0.3.28

3 years ago

0.3.27

3 years ago

0.3.26

3 years ago

0.3.25

3 years ago

0.3.24

3 years ago

0.3.23

3 years ago

0.3.22

3 years ago

0.3.21

3 years ago

0.3.19

3 years ago

0.3.40

3 years ago

0.3.45

3 years ago

0.3.43

3 years ago

0.3.18

3 years ago

0.3.8

3 years ago

0.3.7

3 years ago

0.3.9

3 years ago

0.3.17

3 years ago

0.3.16

3 years ago

0.3.15

3 years ago

0.3.14

3 years ago

0.3.13

3 years ago

0.3.12

3 years ago

0.3.11

3 years ago

0.3.6

3 years ago

0.3.5

3 years ago

0.3.4

3 years ago

0.3.3

3 years ago

0.2.22

3 years ago

0.2.21

3 years ago

0.2.20

3 years ago

0.2.19

3 years ago

0.2.18

3 years ago

0.2.17

3 years ago

0.2.16

3 years ago

0.2.15

3 years ago

0.2.14

3 years ago

0.2.13

3 years ago

0.2.11

3 years ago

0.3.0

3 years ago

0.3.2

3 years ago

0.3.1

3 years ago

0.2.10

3 years ago

0.2.7

3 years ago

0.2.6

3 years ago

0.2.9

3 years ago

0.2.8

3 years ago

0.2.4

4 years ago

0.2.1

4 years ago

0.2.0

4 years ago

0.1.18

4 years ago

0.2.3

4 years ago

0.2.2

4 years ago

0.1.14

4 years ago

0.1.15

4 years ago

0.1.16

4 years ago

0.1.17

4 years ago

0.1.10

4 years ago

0.1.11

4 years ago

0.1.12

4 years ago

0.1.13

4 years ago

0.1.8

4 years ago

0.1.9

4 years ago

0.1.2

4 years ago

0.1.1

4 years ago

0.1.7

4 years ago

0.1.3

4 years ago

0.1.6

4 years ago

0.1.5

4 years ago

0.1.0

4 years ago

0.0.88

4 years ago