<template>
<table class='tableCom'
width="100%"
align="center"
cellpadding="0"
cellspacing="0">
<thead>
<tr align='center'
class="thead_tr">
<td v-for="(item,ind) in tableHead"
:key="ind"
:width='item.width'
:style="{paddingLeft: item.paddingLeft,paddingRight: item.paddingRight}"
:align="item.alignHeader || 'center'"
class="thead_td">{
{item.text}}</td>
</tr>
</thead>
<tbody v-if='tableData.length'>
<tr v-for="(item,index) in tableData"
:key="index"
:class="['tbody_tr', bt_none ? 'bt_none' : '']">
<td v-for="(content,i) in tableHead"
:key="i"
:width='content.width'
:style="{paddingLeft: content.paddingLeft, paddingRight: content.paddingRight}"
:align="content.align || 'center'"
h5原生table封装
最新推荐文章于 2024-12-25 11:10:09 发布