更新记录

1.2.6（2024-07-12） 下载此版本

组件优化

1.2.2（2024-07-11） 下载此版本

组件bug修复

1.0.2（2024-07-11） 下载此版本

组件优化

平台兼容性

cc-defineExcelTable

我的技术公众号(私信可加前端技术交流群)

群内气氛挺不错的，应该或许可能大概，算是为数不多的，专搞技术的前端群，偶尔聊天摸鱼

使用方法

 <!-- 第一行 -->
                <tr>
                    <!-- rowspan行高： 2  colspan列高： 2 -->
                    <td rowspan="2" colspan="2">项目</td>

                    <td colspan="2">{{"2021"}}</td>
                    <td colspan="2">{{"2022"}}</td>
                    <td colspan="2">{{"2023"}}</td>

                </tr>

HTML代码实现部分

<template>
    <view class="content">

        <div class="table">
            <table>
                <!-- 第一行 -->
                <tr>
                    <!-- rowspan行高： 2  colspan列高： 2 -->
                    <td rowspan="2" colspan="2">项目</td>

                    <td colspan="2">{{"2021"}}</td>
                    <td colspan="2">{{"2022"}}</td>
                    <td colspan="2">{{"2023"}}</td>

                </tr>

                <!-- 第二行 -->
                <tr>

                    <td>指标值</td>
                    <td>同比</td>
                    <td>指标值</td>
                    <td>同比</td>
                    <td>指标值</td>
                    <td>同比</td>

                </tr>

                <!-- 第三行 -->
                <tr>
                    <td rowspan="5">公司历年情况</td>
                    <td>营业金额（万元）</td>
                    <td>{{"Num"}}</td>
                    <td>{{"Yoy"}}</td>
                    <td>{{"Num"}}</td>
                    <td>{{"Yoy"}}</td>
                    <td>{{"Num"}}</td>
                    <td>{{"Yoy"}}</td>
                </tr>

                <!-- 第四行 -->
                <tr>
                    <td>营业税额（万元）</td>
                    <td>{{"Num"}}</td>
                    <td>{{"Yoy"}}</td>
                    <td>{{"Num"}}</td>
                    <td>{{"Yoy"}}</td>
                    <td>{{"Num"}}</td>
                    <td>{{"Yoy"}}</td>
                </tr>
                <!-- 第五行 -->
                <tr>
                    <td>营业数量（张）</td>
                    <td>{{"Num"}}</td>
                    <td>{{"Yoy"}}</td>
                    <td>{{"Num"}}</td>
                    <td>{{"Yoy"}}</td>
                    <td>{{"Num"}}</td>
                    <td>{{"Yoy"}}</td>
                </tr>
                <!-- 第六行 -->
                <tr>
                    <td>供应商数量（个）</td>
                    <td>{{"Num"}}</td>
                    <td>{{"Yoy"}}</td>
                    <td>{{"Num"}}</td>
                    <td>{{"Yoy"}}</td>
                    <td>{{"Num"}}</td>
                    <td>{{"Yoy"}}</td>
                </tr>
                <!-- 第七行 -->
                <tr>
                    <td>供应商稳定性（%）</td>
                    <td>{{"Num"}}</td>
                    <td>{{"Yoy"}}</td>
                    <td>{{"Num"}}</td>
                    <td>{{"Yoy"}}</td>
                    <td>{{"Num"}}</td>
                    <td>{{"Yoy"}}</td>
                </tr>

            </table>
        </div>

    </view>
</template>