DYZ.Life

用简单的方法生成表格(Table)

今天在写订单页面的时候,发现多态上面的订单页面简单简洁,想要模仿一个,后来发现写table写得我好头疼。

于是随手Google一下发现了一个Table生成器,试了一下发现挺好用,下面是简单教程:

Table Generator拥有LaTeX, HTML, Text, Markdown, 和MediaWiki五种格式的表格。编程通常是用HTML,写博客用到Markdown。这里选择HTML。

首先要告诉生成器要多少数量的行和列(随时可以添加删除),写入表格内容,然后点击生成:

生成器还自带不同颜色字体的主题,会生成CSS:

点击生成(”Generate”)之后会产生一堆代码,直接复制粘贴(可以将<style>里面的CSS单独拷贝保存一个文件然后放入assets文件夹里):

Markdown格式长这样:

如果你有自己从数据库导出的CSV文件或者想要保存现在的表格以后再使用:

最终输出结果:

链接:www.tablegenerator.com

热评文章