极客观点
项目管理
HarmonyOS
使用html-docx.js时，border设置为0还是有边框，每一行设置宽度没有效果，而且展示页面会被挤压，margin也没有用pt,px都没效果
<div data-v-1a1eb75f style="margin: 20px 0;" id="eleTable">
<div data-v-1a1eb75f
class="el-table el-table--fit el-table--striped el-table--border el-table--group el-table--enable-row-hover el-table--enable-row-transition el-table--medium"
header-align="center" style="width: 100%;">
<div class="el-table__header-wrapper">
<table cellspacing="0" cellpadding="0" border="0" class="el-table__header" style="width: 800px;">
<colgroup>
<col name="el-table_17_column_229" colspan="2" />
<col name="el-table_17_column_230" />
<col name="el-table_17_column_231" />
<col name="el-table_17_column_232_column_233" />
<col name="el-table_17_column_231" />
<col name="el-table_17_column_232_column_233" />
</colgroup>
<thead class="is-group has-gutter">
<tr class>
<th colspan="2" class="el-table_17_column_229 is-center is-leaf el-table__cell"
style="background: #C6D9F1; color: rgb(0, 0, 0); font-size: 12px; height: 40px; padding: 0px;">
<div class="cell">项目名称</div>
</th>
<th colspan="1" class="el-table_17_column_230 is-center is-leaf el-table__cell"
style="background: #C6D9F1; color: rgb(0, 0, 0); font-size: 12px; height: 40px; padding: 0px;">
<div class="cell">零件号</div>
</th>
<th colspan="1" class="el-table_17_column_231 is-center is-leaf el-table__cell"
style="background: #C6D9F1; color: rgb(0, 0, 0); font-size: 12px; height: 40px; padding: 0px;">
<div class="cell">零件名称</div>
</th>
<th class="el-table_17_column_232 is-center el-table__cell"
style="background: #C6D9F1; color: rgb(0, 0, 0); font-size: 12px; height: 40px; padding: 0px;">
<div class="cell">订单数量/套</div>
</th>
<th colspan="1" class="el-table_17_column_231 is-center is-leaf el-table__cell"
style="background: #C6D9F1; color: rgb(0, 0, 0); font-size: 12px; height: 40px; padding: 0px;">
<div class="cell">单价/元（含税）</div>
</th>
<th class="el-table_17_column_232 is-center el-table__cell"
style="background: #C6D9F1; color: rgb(0, 0, 0); font-size: 12px; height: 40px; padding: 0px;">
<div class="cell">总价/元（含税）</div>
</th>
</tr>
</thead>
</table>
</div>
<div class="el-table__body-wrapper is-scrolling-none">
<table cellspacing="0" cellpadding="0" border="0" class="el-table__body" style="width: 800px;">
<tbody v-for="item in form.bomPurchaseOrderDetailList">
<tr class="el-table__row" style="height: 60px;font-size: 14px;">
<td colspan="2" style="padding: 0px;word-break:break-all ">
<div class="cell" >{{ item.projectName }}</div>
</td>
<td colspan="1" style="padding: 0px;">
<div class="cell">{{ item.partsName }}</div>
</td>
<td colspan="1" style="padding: 0px;">
<div class="cell">{{ item.partsNo }}</div>
</td>
<td colspan="1" style="padding: 0px;">
<div class="cell">{{ item.quantity }}</div>
</td>
<td colspan="1" style="padding: 0px;">
<div class="cell">{{ item.unitPrice }}</div>
</td>
<td colspan="1" style="padding: 0px;">
<div class="cell">{{ item.totalPriceOriginal }}</div>
</td>
</tr>
</tbody>
<tbody>
<tr class="el-table__row" style="height: 60px;font-size: 14px;">
<td colspan="6" class="el-table_17_column_229 is-center el-table__cell"
style="padding: 0px; ">
<div class="cell">总计</div>
</td>
<td colspan="1" class="el-table_17_column_230 is-center el-table__cell"
style="padding: 0px;">
<div class="cell">33222</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>