拖拽-设置最小列宽
This commit is contained in:
@@ -101,10 +101,9 @@ const ResizeHeaderOne = function(val, name ,minWidths) {
|
|||||||
// col = getRenderCoL(key, val)
|
// col = getRenderCoL(key, val)
|
||||||
col = getRenderCoL(key, columnsAll)
|
col = getRenderCoL(key, columnsAll)
|
||||||
let content = [].concat(children)
|
let content = [].concat(children)
|
||||||
console.log(col)
|
|
||||||
if (col) {
|
if (col) {
|
||||||
let handlerVNode;
|
let handlerVNode;
|
||||||
if(minColumn && minColumn.length>0){
|
if(minColumn && minWidths !== undefined && minColumn.length>0){
|
||||||
// 存放所有需要手动设置最小宽度的列的dataIndex
|
// 存放所有需要手动设置最小宽度的列的dataIndex
|
||||||
let colsdataIndex = []
|
let colsdataIndex = []
|
||||||
minColumn.forEach((item)=>{
|
minColumn.forEach((item)=>{
|
||||||
@@ -113,9 +112,12 @@ const ResizeHeaderOne = function(val, name ,minWidths) {
|
|||||||
props: {
|
props: {
|
||||||
width: col.width,
|
width: col.width,
|
||||||
minWidth: Math.min(item[1]),
|
minWidth: Math.min(item[1]),
|
||||||
column: JSON.parse(JSON.stringify(item[0]))
|
column: col
|
||||||
}
|
}
|
||||||
}, [])
|
}, [])
|
||||||
|
content = content.concat(
|
||||||
|
handlerVNode
|
||||||
|
)
|
||||||
})
|
})
|
||||||
// 不需要手动设置最小宽度的列
|
// 不需要手动设置最小宽度的列
|
||||||
if(colsdataIndex.indexOf(col.dataIndex) === -1){
|
if(colsdataIndex.indexOf(col.dataIndex) === -1){
|
||||||
@@ -126,6 +128,9 @@ const ResizeHeaderOne = function(val, name ,minWidths) {
|
|||||||
column: col
|
column: col
|
||||||
}
|
}
|
||||||
}, [])
|
}, [])
|
||||||
|
content = content.concat(
|
||||||
|
handlerVNode
|
||||||
|
)
|
||||||
}
|
}
|
||||||
}else{
|
}else{
|
||||||
handlerVNode = h(DragHandler, {
|
handlerVNode = h(DragHandler, {
|
||||||
@@ -135,10 +140,10 @@ const ResizeHeaderOne = function(val, name ,minWidths) {
|
|||||||
column: col
|
column: col
|
||||||
}
|
}
|
||||||
}, [])
|
}, [])
|
||||||
|
content = content.concat(
|
||||||
|
handlerVNode
|
||||||
|
)
|
||||||
}
|
}
|
||||||
content = content.concat(
|
|
||||||
handlerVNode
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
return h('th', {
|
return h('th', {
|
||||||
key,
|
key,
|
||||||
@@ -150,6 +155,7 @@ const ResizeHeaderOne = function(val, name ,minWidths) {
|
|||||||
export const ResizeHeader = {
|
export const ResizeHeader = {
|
||||||
methods: {
|
methods: {
|
||||||
drag(columns, name ,minWidths) {
|
drag(columns, name ,minWidths) {
|
||||||
|
console.log(minWidths)
|
||||||
return {
|
return {
|
||||||
header: {
|
header: {
|
||||||
// minWidths : 最小宽度 => [[需要设置的列,最小宽],[需要设置的列,最小宽],...]
|
// minWidths : 最小宽度 => [[需要设置的列,最小宽],[需要设置的列,最小宽],...]
|
||||||
@@ -227,6 +233,7 @@ export const ResizeColumnProvide = {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
_resizeColumn(w, column) {
|
_resizeColumn(w, column) {
|
||||||
|
console.log(column)
|
||||||
tableAll.forEach(item=>{
|
tableAll.forEach(item=>{
|
||||||
item.forEach((i)=>{
|
item.forEach((i)=>{
|
||||||
if(i === column && i.dataIndex === column.dataIndex){
|
if(i === column && i.dataIndex === column.dataIndex){
|
||||||
|
|||||||
@@ -118,7 +118,7 @@
|
|||||||
rowKey="id"
|
rowKey="id"
|
||||||
@change="tableOnChange"
|
@change="tableOnChange"
|
||||||
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
|
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
|
||||||
:columns="columns" :components="drag(columns,'columns')"
|
:columns="columns" :components="drag(columns,'columns',JSON.parse(JSON.stringify([[columns[3],200],[columns[4],200],[columns[5],200]])))"
|
||||||
>
|
>
|
||||||
<div slot="standardInformation" slot-scope="text,result" class="box-left">
|
<div slot="standardInformation" slot-scope="text,result" class="box-left">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
|||||||
Reference in New Issue
Block a user