← Back

wct-datatables-net

Datatables.net as a webcomponent

Author

Rating

Popularity

<100

wct-datatables-net

Name: wct-datatables-net
Availability: InStock
Author: rom1504

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

wct-datatables-net - Vaadin Add-on Directory

Datatables.net as a webcomponent

# wct-datatables-net [![NPM version](https://img.shields.io/npm/v/wct-datatables-net.svg)](http://npmjs.com/package/wct-datatables-net) [![Build Status](https://img.shields.io/circleci/project/rom1504/wct-datatables-net/master.svg)](https://circleci.com/gh/rom1504/wct-datatables-net) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/wct-datatables-net) Web component for [datatables.net](https://datatables.net) ## Installation `npm install wct-datatables-net` ## Usage Read [API](doc/API.md) Example of usage in a lit-element component : ```js import { LitElement, html } from 'lit-element' import 'wct-datatables-net' class ExampleApp extends LitElement { render () { return html` ` } } customElements.define('example-app', ExampleApp) ``` Also see [example folder](example/)

View on NPM
View on GitHub

wct-datatables-net version 1.0.0
### Dependencies * datatables.net#^1.10.19 * datatables.net-dt#^1.10.19 * jquery#^3.3.1 * lit-element#^2.0.1 * lit-html#^1.0.0

wct-datatables-net version 1.1.0
### Dependencies * datatables.net#^1.10.19 * datatables.net-dt#^1.10.19 * jquery#^3.3.1 * lit-element#^2.0.1 * lit-html#^1.0.0

wct-datatables-net version 1.2.0
### Dependencies * datatables.net#^1.10.19 * datatables.net-dt#^1.10.19 * jquery#^3.3.1 * lit-element#^2.0.1 * lit-html#^1.0.0

wct-datatables-net version 1.3.0
### Dependencies * bootstrap#^4.3.0 * datatables.net#^1.10.19 * datatables.net-bs4#^1.10.19 * datatables.net-dt#^1.10.19 * jquery#^3.3.1 * lit-element#^2.0.1 * lit-html#^1.0.0 * popper.js#^1.14.7

wct-datatables-net version 1.4.0
### Dependencies * bootstrap#^4.3.0 * datatables.net#^1.10.19 * datatables.net-bs4#^1.10.19 * datatables.net-dt#^1.10.19 * jquery#^3.3.1 * lit-element#^2.0.1 * lit-html#^1.0.0 * popper.js#^1.14.7

wct-datatables-net version 1.4.1
### Dependencies * bootstrap#^4.3.0 * datatables.net#^1.10.19 * datatables.net-bs4#^1.10.19 * datatables.net-dt#^1.10.19 * jquery#^3.3.1 * lit-element#^2.0.1 * lit-html#^1.0.0 * popper.js#^1.14.7

wct-datatables-net version 1.4.2
### 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

wct-datatables-net version 1.4.3
### 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

wct-datatables-net version 1.4.4
### 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

Directory