更新记录

1.0(2022-08-16) 下载此版本

首次提交


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.2.3 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × ×

说明

l-table是一款简易的表格组件,只做简单的样式修改,该组件是项目中为了配合使用l-swiper-linkage所开发的,不支持固定行、列和滚动,如有需求可自行修改,或者使用插件市场中的其他table组件。

一、示例

<template>
    <view class="">
        <l-table>
            <l-tr>
                <l-th v-for="item in 5" :key="item">表头</l-th>
            </l-tr>
            <l-tr>
                <l-td v-for="item in 5" :key="item">内容</l-td>
            </l-tr>
            <l-tr>
                <l-td v-for="item in 5" :key="item">内容</l-td>
            </l-tr>
    </l-table>
    </view>

</template>

<script>
    import lTable from '@/components/l-table/l-table.vue';
    import lTr from '@/components/l-tr/l-tr.vue';
    import lTd from '@/components/l-td/l-td.vue';
    import lTh from '@/components/l-th/l-th.vue';
    export default{
        components:{
            lTable,
            lTr,
            lTd,
            lTh
        },
        data(){
            return{
            }
        },
        methods:{
        }
    }

</script>

<style>
</style>

二、参数说明

Table Poros 表格
参数名 说明 类型 默认值 可选值
width table表格的宽度 string 100% 百分比或rpx
border-color 整个表格的边框颜色 string #ccc -
border 边框粗细 string 2 -
border-show 是否显示边框线 boolean true false
border-right 是否显示右边框,border-show为false可开启 boolean false true
border-left 是否显示左边框,border-show为false可开启 boolean false true
border-top 是否显示上边框,border-show为false可开启 boolean false true
border-bottom 是否显示下边框,border-show为false可开启 boolean false true
Th Props 表头
参数名 说明 类型 默认值 可选值
width 标题单元格的宽度,或带具体单位的值,如30%,150rpx string auto % / rpx
height 标题单元格的高度 string|number 100 -
font-weight 字体粗细400|700 boolean true false
bg-color 单元格背景色 string 1f1f1 -
color 字体颜色 string #000000 -
align 对齐方式 string center flex-start / flex-end / space-between / space-around
font-size 字体大小默认是rpx string|number 30 -
padding 单元格左右的padding值 string|number 10 -
border-right 是否显示右边框 boolean true false
Td Props 单元格

参数同上

不同:

参数名 说明 类型 默认值 可选值
border-top 是否显示上边框 boolean true false

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问