Directory

← Back

wct-datatables-net

Datatables.net as a webcomponent

Author

Rating

Popularity

<100

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

wct-datatables-net - Vaadin Add-on Directory

Datatables.net as a webcomponent wct-datatables-net - Vaadin Add-on Directory
# 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/)
Online