Listelerde hücre alanlarını içeriği uzun olsa da max 400 px , 20 satır olacak şekilde düzenleme yapıldı
This commit is contained in:
@ -80,11 +80,13 @@
|
|||||||
:name="'dataCell' + j"
|
:name="'dataCell' + j"
|
||||||
:cellData="CellData(dataRow, dataCell.name)"
|
:cellData="CellData(dataRow, dataCell.name)"
|
||||||
:cellIndex="j">
|
:cellIndex="j">
|
||||||
|
<div class="table-inner-content">
|
||||||
{{
|
{{
|
||||||
dataCell.compute !== undefined
|
dataCell.compute !== undefined
|
||||||
? dataCell.compute(dataRow)
|
? dataCell.compute(dataRow)
|
||||||
: dataRow[dataCell.name]
|
: dataRow[dataCell.name]
|
||||||
}}
|
}}
|
||||||
|
</div>
|
||||||
</slot>
|
</slot>
|
||||||
</td>
|
</td>
|
||||||
<td v-else v-html="dataCell.computeHtml(dataRow)"></td>
|
<td v-else v-html="dataCell.computeHtml(dataRow)"></td>
|
||||||
@ -275,4 +277,13 @@
|
|||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
.table-inner-content {
|
||||||
|
max-height: 400px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
-webkit-line-clamp: 20;
|
||||||
|
line-clamp: 20;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
display: -webkit-box;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user