smart-table
Table Web Component | Table Custom Element | Javascript Table | Free Table Component
[ This description is mirrored from README.md at github.com/HTMLElements/smart-table on 2019-05-22 ]
Smart Table Element
<smart-table>
Live Demo ↗ | Documentation ↗ | Installation ↗
<smart-table> is a Custom HTML Element providing an alternative of the standard Table, part of the Smart HTML Elements.
<smart-table>
<table>
<thead>
<tr>
<th scope="col">Country</th>
<th scope="col">Area</th>
<th scope="col">Population_Rural</th>
<th scope="col">Population_Total</th>
<th scope="col">GDP_Total</th>
</tr>
</thead>
<tbody>
<tr><td>Brazil</td><td>8515767</td><td>0.15</td><td>205809000</td><td>2353025</td></tr>
<tr><td>China</td><td>9388211</td><td>0.46</td><td>1375530000</td><td>10380380</td></tr>
<tr><td>France</td><td>675417</td><td>0.21</td><td>64529000</td><td>2846889</td></tr>
<tr><td>Germany</td><td>357021</td><td>0.25</td><td>81459000</td><td>3859547</td></tr>
<tr><td>India</td><td>3287590</td><td>0.68</td><td>1286260000</td><td>2047811</td></tr>
<tr><td>Italy</td><td>301230</td><td>0.31</td><td>60676361</td><td>2147952</td></tr>
<tr><td>Japan</td><td>377835</td><td>0.07</td><td>126920000</td><td>4616335</td></tr>
<tr><td>Russia</td><td>17098242</td><td>0.26</td><td>146544710</td><td>1857461</td></tr>
<tr><td>United States</td><td>9147420</td><td>0.19</td><td>323097000</td><td>17418925</td></tr>
<tr><td>United Kingdom</td><td>244820</td><td>0.18</td><td>65097000</td><td>2945146</td></tr>
</tbody>
</table>
</smart-table>
Getting Started
Smart HTML Elements components documentation includes getting started, customization and api documentation topics.
Getting Started Documentation | CSS Documentation | API Documentation
The file structure for Smart HTML Elements
source/
Javascript files.
source/styles/
Component CSS Files.
demos/
Demo files
Running demos in browser
Fork the
Smart-HTML-Elements-Core
repository and clone it locally.Make sure you have npm installed.
When in the
Smart-HTML-Elements-Core
directory, runnpm install
and thenbower install
to install dependencies.Run a localhost or upload the demo on a web server. Then run:
- /demos/smart-table/overview/
Following the coding style
We are using ESLint for linting JavaScript code.
Creating a pull request
- Make sure your code is compliant with ESLint
- Submit a pull request with detailed title and description
- Wait for response from one of our team members
License
Apache License 2.0
Links
Compatibility
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
- webcomponentsjs#^1.0.0
- smart-core#HTMLElements/smart-core
- Released
- 2019-03-19
- Maturity
- IMPORTED
- License
- Apache License 2.0
Compatibility
- Framework
- Browser
- Browser Independent
smart-table - Vaadin Add-on Directory
Table Web Component | Table Custom Element | Javascript Table | Free Table ComponentCountry | Area | Population_Rural | Population_Total | GDP_Total |
---|---|---|---|---|
Brazil | 8515767 | 0.15 | 205809000 | 2353025 |
China | 9388211 | 0.46 | 1375530000 | 10380380 |
France | 675417 | 0.21 | 64529000 | 2846889 |
Germany | 357021 | 0.25 | 81459000 | 3859547 |
India | 3287590 | 0.68 | 1286260000 | 2047811 |
Italy | 301230 | 0.31 | 60676361 | 2147952 |
Japan | 377835 | 0.07 | 126920000 | 4616335 |
Russia | 17098242 | 0.26 | 146544710 | 1857461 |
United States | 9147420 | 0.19 | 323097000 | 17418925 |
United Kingdom | 244820 | 0.18 | 65097000 | 2945146 |
smart-table version 2.2.0
### Dependencies
* webcomponentsjs#^1.0.0
* smart-core#HTMLElements/smart-core
smart-table version 2.3.0
### Dependencies
* webcomponentsjs#^1.0.0
* smart-core#HTMLElements/smart-core
smart-table version 2.3.1
### Dependencies
* webcomponentsjs#^1.0.0
* smart-core#HTMLElements/smart-core
smart-table version 2.3.2
### Dependencies
* webcomponentsjs#^1.0.0
* smart-core#HTMLElements/smart-core