<view
  class="ant-table {{scrollHeight ? 'ant-table-scroll-height' : ''}} {{className}}"
  bindtouchmove="handleTouchMove"
  onScrollToUpper="handleScrollToUpper"
>
  <view
    class="ant-table-content"
    style="{{widthPx ? 'width: ' + widthPx + 'px;' : ''}} {{scrollHeight ? 'height: ' + scrollHeight + ';' : ''}}"
  >
    <view class="ant-table-list">
      <block
        wx:for="{{list}}"
        wx:for-index="index"
        wx:for-item="item"
        wx:key="key"
      >
        <!--displayType-full 设置一行铺满展示 ant-table-list-item-{{item.type}}-->
        <view
          class="ant-table-list-item {{displayType === 'FULL' ? 'ant-table-list-item-full' : ''}}"
          style="{{item.type === 'columns' && scrollHeight ? 'position: sticky; top: 0; z-index: 10;' : ''}}"
        >
          <block
            wx:for="{{item.value}}"
            wx:for-index="itemIndex"
            wx:for-item="val"
            wx:key="key"
          >
            <view
              class="ant-table-list-item-columns-item {{val.fixed ? 'ant-table-list-item-value-fixed ' + (showFixedShadow ? 'ant-table-list-item-value-shadow' : '') + '' : ''}}"
              style="width:{{displayType === 'FULL' ? '' + (100 / item.value.length) + '%;' : '' + (val.widthPx) + 'px;'}} "
            >
              <view
                wx:if="{{item.type === 'columns'}}"
                class="ant-table-list-item-columns ant-table-list-item-value {{val.textAlignRight ? 'ant-table-list-item-value-align-right' : ''}}"
              >
                <view
                  class="{{val.ellipsisRow ? 'ant-table-list-item-ellipsis' : ''}}"
                  style="{{val.ellipsisRow ? '-webkit-line-clamp:' + (val.ellipsisRow) + '' : ''}};display: {{val.ellipsisRow ? '-webkit-box' : 'flex'}}"
                >{{val.title}}<view
                    wx:if="{{val.sorter}}"
                    data-item="{{val}}"
                    bindtap="handleSort"
                    class="ant-table-list-item-sorter"
                  >
                    <image
                      class="ant-table-list-item-sorter-icon"
                      src="{{val.sorterStatus === 'forward' ? 'https://mdn.alipayobjects.com/huamei_mvxdgg/afts/img/A*q71qTY02S-AAAAAAAAAAAAAADv57AQ/original' : 'https://mdn.alipayobjects.com/huamei_mvxdgg/afts/img/A*42gLQbKpi30AAAAAAAAAAAAADv57AQ/original'}}"
                    ></image>
                    <image
                      class="ant-table-list-item-sorter-icon"
                      src="{{val.sorterStatus === 'reverse' ? 'https://mdn.alipayobjects.com/huamei_mvxdgg/afts/img/A*Co9CQ61uhPAAAAAAAAAAAAAADv57AQ/original' : 'https://mdn.alipayobjects.com/huamei_mvxdgg/afts/img/A*h9ZcSLzVBjgAAAAAAAAAAAAADv57AQ/original'}}"
                    ></image>
                  </view>
                </view>
              </view>
              <view
                wx:else
                class="ant-table-list-item-rows ant-table-list-item-value  {{itemIndex == 0 ? 'ant-table-list-item-value-first' : ''}} {{val.textAlignRight ? 'ant-table-list-item-value-align-right' : ''}}"
              >
                <view
                  class="{{val.ellipsisRow ? 'ant-table-list-item-ellipsis' : ''}}"
                  style="{{val.ellipsisRow ? '-webkit-line-clamp:' + (val.ellipsisRow) + '' : ''}}"
                >{{val.value}}</view>
              </view>
            </view>
          </block>
        </view>
      </block>
    </view>
    <view>
      <view
        wx:if="{{list.length <= 1}}"
        class="ant-table-empty"
      >
        <image
          class="ant-table-empty-image"
          src="https://mdn.alipayobjects.com/huamei_9iifqq/afts/img/A*AWeXQYuIODwAAAAAAAAAAAAADjWYAQ/original"
        ></image>
      </view>
    </view>
  </view>
</view>