a-table.js - GitLite

KO | EN

gitlite — search

#javascript #react #ai #go #android #machine-learning #rust #linux #windows #kubernetes #vue #awesome-list #openai #open-source

a-table.js

(★ 84)

Simple Table UI for generating table html

파일 탐색기

최종 버전 다운로드 (.zip)

- - dependabot-auto-merge.yml
  - nodejs.yml
  - publish.yml
- dependabot.yml
- a-table.css
- index.html
- style.css
- a-table-icon.css
- a-table-icon.eot
- a-table-icon.svg
- a-table-icon.ttf
- a-table-icon.woff
- index.js
- menu.html
- return-table.html
- table.html
- util.js
- clipboard.test.js
- constructor.test.js
- coverage-gaps.test.js
- helpers.js
- interaction.test.js
- parse.test.js
- selection.test.js
- static.test.js
- structure.test.js
- util.test.js
.editorconfig
.gitignore
.node-version
_config.yml
eslint.config.mjs
LICENSE
package-lock.json
package.json
README.md
tsup.config.mjs
vite.config.mjs
vitest.config.mjs

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# a-table.js
Simple Table UI for generating table html

[![Node CI](https://github.com/appleple/a-table/actions/workflows/nodejs.yml/badge.svg)](https://github.com/appleple/a-table/actions/workflows/nodejs.yml)
[![npm version](https://badge.fury.io/js/a-table.svg)](https://badge.fury.io/js/a-table)

## Install

### npm
`npm install a-table`

### standalone
```html
<script src="https://unpkg.com/a-table@1/build/a-table.min.js"></script>
```

### css
```html
<link rel="stylesheet" href="https://unpkg.com/a-table@1/css/a-table.css">
```

### fonts
```html
<link rel="stylesheet" type="text/css" href="https://unpkg.com/a-table@1/fonts/a-table-icon.css">
```

## Demo
https://appleple.github.io/a-table.js/

## Usage
```js
import aTable from 'a-table';
const table = new aTable('.table', {
  lang:'ja',
  mark:{
    btn:{
      group:'acms-admin-btn-group acms-admin-btn-group-inline',
      item:'acms-admin-btn',
      itemActive:'acms-admin-btn acms-admin-btn-active'
    }
  },
  selector:{
    option:[
      {label:'赤',value:'red'},
      {label:'青',value:'blue'},
      {label:'黄色',value:'yellow'}
    ]
  }
});
table.afterRendered =
table.afterEntered = function(){
  document.querySelector('.test').innerText = this.getTable();
  document.querySelector('.markdown').innerText = this.getMarkdown();
}
table.afterRendered();
```

## Licence
[MIT](https://github.com/appleple/a-table.js/blob/master/LICENSE)