在NetSuite高级PDF模板中用内联CSS为指定表格添加列间竖线

直接给目标表格的单元格添加内联样式，就能只给指定表格加列间竖线，不影响另一个表格：

具体示例 #

<!-- 需要添加列间竖线的表格 -->
<table style="border-collapse: collapse; width: 100%;">
  <tr>
    <th style="border-right: 1px solid #ccc; padding: 8px;">姓名</th>
    <th style="border-right: 1px solid #ccc; padding: 8px;">年龄</th>
    <th style="padding: 8px;">城市</th> <!-- 最后一列无需右侧边框 -->
  </tr>
  <tr>
    <td style="border-right: 1px solid #ccc; padding: 8px;">张三</td>
    <td style="border-right: 1px solid #ccc; padding: 8px;">28</td>
    <td style="padding: 8px;">北京</td>
  </tr>
  <tr>
    <td style="border-right: 1px solid #ccc; padding: 8px;">李四</td>
    <td style="border-right: 1px solid #ccc; padding: 8px;">32</td>
    <td style="padding: 8px;">上海</td>
  </tr>
</table>

<br>

<!-- 不需要竖线的表格 -->
<table style="width: 100%;">
  <tr>
    <th style="padding: 8px;">商品名称</th>
    <th style="padding: 8px;">单价</th>
    <th style="padding: 8px;">库存</th>
  </tr>
  <tr>
    <td style="padding: 8px;">笔记本</td>
    <td style="padding: 8px;">29</td>
    <td style="padding: 8px;">150</td>
  </tr>
</table>

关键说明 #

• border-collapse: collapse：确保表格边框合并，避免单元格边框之间出现空隙
• border-right: 1px solid #ccc：给除最后一列外的所有表头和单元格添加右侧竖线，颜色和粗细可根据需求调整（比如换成#000加粗线）
• 最后一列去掉右侧边框，避免表格右侧多出一条竖线

内容的提问来源于stack exchange，提问作者Maria S