jspdf 表格无内边框
时间: 2023-09-13 17:08:17 浏览: 28
如果您想在 jspdf 中创建一个无内边框的表格,可以使用以下代码:
```javascript
// 创建一个空的表格
var table = new jsPDF();
// 定义表格的列宽和行高
var columnWidth = 50;
var rowHeight = 10;
// 定义表格的坐标
var startX = 10;
var startY = 10;
// 定义表格的数据
var data = [
['1', 'John', 'Doe'],
['2', 'Jane', 'Doe'],
['3', 'Bob', 'Smith'],
['4', 'Mary', 'Johnson']
];
// 绘制表格
for (var i = 0; i < data.length; i++) {
var row = data[i];
for (var j = 0; j < row.length; j++) {
var cell = row[j];
table.cell(startX + j * columnWidth, startY + i * rowHeight, columnWidth, rowHeight, cell, i % 2 === 0 ? 0 : 1);
}
}
// 输出表格
table.output('dataurlnewwindow');
```
在这个例子中,我们使用 `table.cell()` 方法来绘制表格中的每个单元格。这个方法接受 6 个参数:
1. `x`:单元格的左上角 x 坐标。
2. `y`:单元格的左上角 y 坐标。
3. `width`:单元格的宽度。
4. `height`:单元格的高度。
5. `text`:单元格中的文本。
6. `lineWidth`:单元格的边框宽度。设置为 0 将去掉边框。
在上面的例子中,我们在奇数行上设置了边框,偶数行上去掉了边框。您可以根据需要更改这个行为。