layui把txt用table展示
时间: 2023-10-05 15:05:25 浏览: 80
你可以使用Layui的Table组件来展示txt文件的内容。首先,你需要使用Ajax来获取txt文件的内容,然后将其转换成HTML表格的形式。下面是一个基本的示例代码:
```javascript
layui.use('table', function(){
var table = layui.table;
// 获取txt文件内容
$.get('test.txt', function(data) {
var rows = data.split('\n'); // 将每行数据分割为数组
var tableData = [];
for(var i=0; i<rows.length; i++) {
tableData.push({content: rows[i]}); // 将每行数据转换成table的数据格式
}
// 渲染table
table.render({
elem: '#demo',
cols: [[ // 表头
{field: 'content', title: '内容'}
]],
data: tableData
});
});
});
```
在上述代码中,我们使用了`$.get`函数来获取txt文件的内容,并将其分割为行数据。然后,通过循环将每行数据转换成table的数据格式,最后使用`table.render`方法渲染表格。需要注意的是,上述代码中的`#demo`是一个用于展示表格的HTML元素的id,你需要根据自己的实际情况进行修改。
阅读全文