
	<view class="mc-table__thead {{ border ? 'has-border' : ''}} header-class is-fixed-{{ fixed }}" style="{{ fixed ? '' : containerWidthStyle }};{{ tHeadStyle }}">
		<view class="mc-table__thead-tr" style="{{ tHeadTrStyle }};">
			<block wx:for="{{ columns }}" wx:for-item="column" wx:for-index="index" wx:key="headerId">
				<view wx:if="{{ !fixed || column.fixed === fixed }}" class="mc-table__thead-th is-{{ column.align }}" style="width:  {{ column.realWidth || column.width }}px; {{ column.headerStyle }}; {{ !fixed && column.fixed ? 'opacity: 0;' : '' }}; {{ tHeadThStyle }}" data-index="{{ index }}" data-order="{{ defaultSort.order }}" bind:tap="handleHeaderClick">
					<text>{{ column.label }}</text>
					<view wx:if="{{ column.sortable }}" class="mc-table__thead-sortable">
						<mc-icon type="triangle-up" mcStyle="font-size: 20rpx; color: {{ defaultSort.prop === column.prop && defaultSort.order && defaultSort.order === 'ascending' ? '#000' : '#c8c8c8' }}" style="margin-bottom: -10rpx"/>
						<mc-icon type="triangle-down" mcStyle="font-size: 20rpx; color: {{ defaultSort.prop === column.prop && defaultSort.order && defaultSort.order === 'descending' ? '#000' : '#c8c8c8' }}" style="margin-top: -10rpx"/>
					</view>
				</view>
			</block>
		</view>
	</view> 
