🐛(component): 修复 table 列筛选布局
This commit is contained in:
		
							parent
							
								
									68f0f70bcb
								
							
						
					
					
						commit
						784a8f484e
					
				@ -438,6 +438,15 @@
 | 
			
		||||
  transition: box-shadow 0.3s;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.layui-table-tool-checkbox{
 | 
			
		||||
  padding: 10px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.layui-table-tool-checkbox > *{
 | 
			
		||||
  display: block;
 | 
			
		||||
  margin-bottom: 12px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.layui-table-fixed-left-last::after {
 | 
			
		||||
  box-shadow: inset 10px 0 8px -8px #00000026;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@ -359,7 +359,7 @@ const renderTotalRowCell = (column: any) => {
 | 
			
		||||
              <i class="layui-icon layui-icon-cols"></i>
 | 
			
		||||
            </div>
 | 
			
		||||
            <template #content>
 | 
			
		||||
              <div style="padding: 10px">
 | 
			
		||||
              <div class="layui-table-tool-checkbox">
 | 
			
		||||
                <lay-checkbox
 | 
			
		||||
                  v-for="column in columns"
 | 
			
		||||
                  v-model="tableColumnKeys"
 | 
			
		||||
 | 
			
		||||
@ -1023,6 +1023,12 @@ export default {
 | 
			
		||||
        key:"name",
 | 
			
		||||
        align: "left"
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        title:"年龄",
 | 
			
		||||
        width: "300px",
 | 
			
		||||
        key:"age",
 | 
			
		||||
        ellipsisTooltip: true,
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        title:"备注",
 | 
			
		||||
        width: "300px",
 | 
			
		||||
 | 
			
		||||
@ -192,7 +192,7 @@
 | 
			
		||||
            </a>
 | 
			
		||||
          </lay-tooltip>
 | 
			
		||||
        </lay-col>
 | 
			
		||||
                <lay-col :md="3">
 | 
			
		||||
        <lay-col :md="3">
 | 
			
		||||
          <lay-tooltip content="Pear Admin" position="top">
 | 
			
		||||
            <a
 | 
			
		||||
              style="height: 40px; display: inline-block"
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user