Directory

← Back

wct-datatables-net

Datatables.net as a webcomponent

Author

Contributors

Rating

wct-datatables-net

NPM version Build Status Published on webcomponents.org

Web component for datatables.net

Installation

npm install wct-datatables-net

Usage

Read API

Example of usage in a lit-element component :

import { LitElement, html } from 'lit-element'

import 'wct-datatables-net'

class ExampleApp extends LitElement {
  render () {
    return html`
     <data-table .options=${{
      'order': [[ 0, 'desc' ]],
      'columns': [
        { title: 'name' },
        { title: 'position' },
        { title: 'salary' },
        { title: 'office' },
        ],
       'data': [
         ['a1', 'b1', 'c1', 'd1'],
         ['a2', 'b2', 'c2', 'd2']
        ] 
    }}></data-table>
  `
  }
}

customElements.define('example-app', ExampleApp)

Also see example folder

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • bootstrap#^4.3.0
  • datatables.net#^1.10.19
  • datatables.net-bs4#^1.10.19
  • jquery#^3.3.1
  • lit-element#^2.0.1
  • lit-html#^1.0.0
  • popper.js#^1.14.7
Released
2019-03-13
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Browser
Browser Independent
Online