Создайте сложный макет таблицы с использованием компонентов Vue - PullRequest
0 голосов
/ 26 февраля 2019

Привет. Я пытаюсь создать этот макет layout I want to achieve, используя компонент: element.eleme.io / table и Vue Js. У меня возникла проблема при создании этого раздела.

раздел сводной таблицы: the table summary section с использованием компонента таблицы. Это код

<el-table
          ref="multipleTable"
          :data="tableData3"
          :stripe="true"
          border
          style="width: 100%"
          @selection-change="handleSelectionChange"
        >
          <el-table-column type="selection" width="55"/>
          <el-table-column label="S.No." width="120" type="index"/>
          <el-table-column property="name" label="Part Name" width="120"/>
          <el-table-column property="part_labour" label="Part/Labour" show-overflow-tooltip/>
          <el-table-column property="part_number" label="Part Number" show-overflow-tooltip/>
          <el-table-column property="package_name" label="Package Name" show-overflow-tooltip/>
          <el-table-column property="price" label="Qty./Price(INR)" show-overflow-tooltip/>
          <el-table-column property="hsn" label="HSN" show-overflow-tooltip/>
          <el-table-column property="discount" label="Discount" show-overflow-tooltip/>
          <el-table-column property="tax_percentage" label="Tax%" show-overflow-tooltip/>
          <el-table-column property="tax" label="Tax" show-overflow-tooltip/>
          <el-table-column property="total" label="Total" show-overflow-tooltip/>
        </el-table>

. Я хочу создать раздел общей итоговой скидки с помощью этой таблицы

...