<view class="kpi abnormal background_fff" style="margin-top:0;">
      <scroll-view scroll-x="true" scroll-y class="tableX custom-scroll" style="width:100%;height:{{scrollHeight-50}}px;" scrolling-effect="none" enhanced bounces="{{false}}" upper-threshold="100" lower-threshold="100" enable-passive="{{true}}">
        <view class="flex" style="flex-wrap: nowrap;flex-shrink: 0;">
          <view class="sticky-box">
            <view style="position: sticky;top:0;left:0;z-index:102;">
              <!-- 第一层表头 -->
              <view class="table__head">
                <view class="table__head__td" wx:for="{{NowTitle}}" wx:key="index" style="width: {{item.ColumnWidth*2.6}}rpx;" wx:if="{{item.IsHide == 0}}">
                  <view class="flex">
                    <text>{{item.CustomName}}</text>
                    <view class="triangle" wx:if="{{item.IsSort == 1 }}">
                      <view class="triangle_up"></view>
                      <view class="triangle_down triangle_down_select"></view>
                    </view>
                    <text class="new_iconfont new_icon31shezhi color368df8 marginl5 font16" wx:if="{{index == 0}}"></text>
                  </view>
                </view>


              </view>
            </view>
            <view style="height:{{REF_DETAIL.length*50+10}}px">
              <view class="table__row" wx:for="{{REF_DETAIL}}" wx:key="index">
                <view wx:for="{{NowTitle}}" wx:for-item="t" wx:if="{{t.IsHide == 0}}" wx:key="index" class="table__row__td multi-line-ellipsis {{com.AiClassMart(t.TextAlign)}} " style="width: {{t.ColumnWidth*2.6}}rpx;color: {{type == 'BrandAnalysis' && t.Code == 'XLXSMC'?'#368df8':''}};height:50px;">
                  <view wx:if="{{com.isproduct(t.ShowFormat,'%')!= -1}}" class="{{item[t.Code] < 0 ? 'greenText' : 'redText'}}">{{com.AiDataMart(item[t.Code],t.ShowFormat)}}</view>
                  <view wx:else>
                    <view wx:if="{{type == 'AnnualSales'}}">{{com.AiDataMart(item[t.Code],t.ShowFormat,item.CWN)}}</view>