自定义小程序表格组件带多选功能

最新推荐文章于 2025-04-09 16:08:36 发布

头发超多的程序媛

最新推荐文章于 2025-04-09 16:08:36 发布

阅读量435

点赞数

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/weixin_44714325/article/details/115680580

版权

<!-- wxml分页组件 -->
<scroll-view  scroll-x="{
   {false}}">
  <view class="table {
   {border?'border':''}}">
    <view class="th" >
      <view class="td {
   {item.type === 'checkbox'?'td-80':'td-200'}}" wx:for="{
   {cloumns}}" wx:key="index">
        <checkbox checked="{
   {is_all}}" bindtap="checkboxChange" data-type="all"  wx:if="{
   {item.type === 'checkbox'}}"/>
        <text wx:else>{
   {
   item.label}}</text>
      </view>
    </view>
    <scroll-view scroll-x="{
   {false}}" scroll-y="true" style='height:{
   {height}};' class='tbody_scroll'>
      <block wx:for="{
   {data}}" wx:key="index">
        <view class="tr {
   {index%2==0?'bg-tr':''}}">
          <view class="td {
   {tr.type === 'checkbox'?'td-80':'td-200'}}" wx:for="{
   {cloumns}}" wx:key="trIdx" wx:for-item="tr" wx:for-index="trIdx">