Skip to content

Home

Jump to bottom
Paul edited this page Jan 1, 2019 · 7 revisions

Welcome to the datatables.webcomponent wiki!

Quickstart

datatables.webcomponent supplies a standalone script for quick usage in your applications.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Standalone Example</title>
</head>
<body>
    <h2>Example Usage using ajax url with Standalone script</h2>
    <pmac-data-table
        data-ajax='{"url": "https://unpkg.com/@p_mac/datatables.webcomponent/test/support/data/generated.json"}'
        data-filterable='{"colIndexes":[5]}'
        data-summable='{"colIndexes":[2]}'
    ></pmac-data-table>

    <script src="https://unpkg.com/@p_mac/datatables.webcomponent/dist/datatables.webcomponent.js"></script>
</body>
</html>

See this example

Alternatively, you can choose to npm install @p_mac/datatables.webcomponent --save and take a look at the other usage options in this wiki. For frameworks, currently, only lit-element is officially supported, but examples for react and vue are coming soon.

Usage Examples

Styling Examples

LightDom Examples

Recipes

Properties

Methods

Clone this wiki locally