17 Star 23 Fork 7

小为 / word-table

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
index.html 3.60 KB
一键复制 编辑 原始数据 按行查看 历史
hustcc 提交于 2017-06-06 13:30 . use webpack
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>word-table is simple javascript library for drawing ascii tables in the terminal / console.</title>
<meta name="keywords" content="word-table, ascii, ascii-table, table, sheet, terminal, console, terminal table, console table" />
<meta name="description" content="word-table is simple javascript library for drawing ascii tables in the terminal / console." />
<style type="text/css">
body {
max-width: 1000px;
margin: 0 auto;
}
pre {
background-color: #f6dcd7;
padding: 10px 15px;
}
pre.strong {
font-weight: bold;
}
</style>
</head>
<body>
<h1> word-table </h1>
<p>
Project <a href="https://github.com/hustcc/word-table">word-table</a> is simple javascript library for drawing ascii tables in the terminal / console.
</p>
<p>
<input type="button" value="Click to See DEMO" onclick="javascript:demo_table();" />
<input type="button" value="Reset" onclick="javascript:document.getElementById('demo_pre').innerHTML='';" />
</p>
<pre id='demo_pre'></pre>
<br />
<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- sorry for ad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-7292810486004926"
data-ad-slot="7806394673"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<h2> Install </h2>
<pre class="strong">
npm install word-table </pre>
<p> Then import it. </p>
<pre>
var word-table = require('word-table');</pre>
<h3>Usage</h3>
<pre>
var header = ['id', 'name', 'birthday'];
var body = [
['#1', '王小为', '1992-08-01', '备注:hustcc'],
['#2', '小泥巴', '1992-09-20'],
['#3', '佚名', '保密']
];
// basic usage
var wt = new WordTable(header, body);
console.log(wt.string());
// will print in console.
+----+----------+----------------+------------------+
| id | name | birthday | |
+----+----------+----------------+------------------+
| #1 | 王小为 | 1992-08-01 | 备注:hustcc |
+----+----------+----------------+------------------+
| #2 | 小泥巴 | 1992-09-20 | |
+----+----------+----------------+------------------+
| #3 | 佚名 | 保密 | |
+----+----------+----------------+------------------+
</pre>
<h3>2. API methods</h3>
<pre>
// the api method is so simple that documents are not needed.
wt.reset()
.setHeader(['id', 'name', 'birthday'])
.appendBody(['#3', '佚名', '保密']);
.setBody([['#4', '在线工具', '保密', 'atool.org']]);
wt.array();
wt.string();
</pre>
<hr />
<p>
The code of word-table hosted on Github, click <a href="https://github.com/hustcc/word-table">here</a>. Welcome to issue or pull request.
</p>
<script type="text/javascript" src="dist/word-table.min.js"></script>
<script type="text/javascript">
function demo_table() {
var header = ['id', 'name', 'birthday'];
var body = [
['#1', '王小为', '1992-08-01', '备注:hustcc'],
['#2', '小泥巴', '1992-09-20'],
['#3', '佚名', '保密'],
['#4', '', '', '访问:http://www.aTool.org/']
];
// basic usage
var wt = new WordTable();
wt.setBody(body).setHeader(header);
document.getElementById('demo_pre').innerHTML = wt.string();
}
</script>
<span style="display:none">
<script src="http://s4.cnzz.com/stat.php?id=1257060683&web_id=1257060683" language="JavaScript"></script>
</span>
</body>
</html>
JavaScript
1
https://gitee.com/hustcc/word-table.git
git@gitee.com:hustcc/word-table.git
hustcc
word-table
word-table
master

搜索帮助