mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2024-12-27 05:00:48 +08:00
Code Issues Packages Projects Releases Wiki Activity
5f523c302d
naive-ui/demo/debugComponents/scrollbarDebug2/case2.demo.vue

1611 lines
48 KiB
Vue
Raw Blame History

<template>
<div
data-v-537978fe=""
class="n-advance-tabel__wrapper guardian-table"
data-v-50a4469c=""
>
<div class="n-advance-table__operation">
<section class="n-advance-table__operation__bacth" /><div class="n-advance-table__operation__custom" /><!---->
</div><div
data-v-770eb43a=""
class="n-table"
style="padding: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; width: 100%;"
>
<table data-v-770eb43a="">
<colgroup data-v-770eb43a="">
<col
data-v-770eb43a=""
style="width: 290px; padding-right: 5px; min-width: 290px;"
><col
data-v-770eb43a=""
style="width: 300px; padding-right: 5px; min-width: 300px;"
><col
data-v-770eb43a=""
style="width: 120px; padding-right: 5px; min-width: 120px;"
><col
data-v-770eb43a=""
style="width: 80px; padding-right: 5px; min-width: 80px;"
><col
data-v-770eb43a=""
style="width: 100px; padding-right: 5px; min-width: 100px;"
><col
data-v-770eb43a=""
style="width: 380px; padding-right: 5px; min-width: 380px;"
><col
data-v-770eb43a=""
width="5"
>
</colgroup><thead data-v-770eb43a="">
<tr data-v-e063b074="">
<th
data-v-85b770e0=""
data-v-e063b074=""
>
ID
<!---->
<!---->
</th><th
data-v-85b770e0=""
data-v-e063b074=""
>
Name
<!---->
<!---->
</th><th
data-v-85b770e0=""
data-v-e063b074=""
>
Time
<span
data-v-d4850fa2=""
class="ts-sort-container"
data-v-85b770e0=""
><i
data-v-d4850fa2=""
class="n-icon ion-md-arrow-dropdown"
style="font-size: 12px; opacity: 0.3; transform: scale(0.8);"
/><i
data-v-d4850fa2=""
class="n-icon ion-md-arrow-dropup"
style="font-size: 12px; opacity: 0.3; transform: scale(0.8);"
/></span>
<!---->
</th><th
data-v-85b770e0=""
data-v-e063b074=""
>
Priority
<span
data-v-d4850fa2=""
class="ts-sort-container"
data-v-85b770e0=""
><i
data-v-d4850fa2=""
class="n-icon ion-md-arrow-dropdown"
style="font-size: 12px; opacity: 0.3; transform: scale(0.8);"
/><i
data-v-d4850fa2=""
class="n-icon ion-md-arrow-dropup"
style="font-size: 12px; opacity: 0.3; transform: scale(0.8);"
/></span>
<!---->
</th><th
data-v-85b770e0=""
data-v-e063b074=""
style="text-align: center;"
>
Assignee
<!---->
<!---->
</th><th
data-v-85b770e0=""
data-v-e063b074=""
>
Description
<!---->
<!---->
</th><span
data-v-e063b074=""
rowspan="1"
style="padding-left: 5px; visibility: hidden;"
/>
</tr>
</thead>
</table>
</div><div
data-v-770eb43a=""
class="n-table"
style="border-top-left-radius: 0px; border-top-right-radius: 0px; overflow: auto; width: 100%; max-height: 300px; min-height: 300px;"
>
<table data-v-770eb43a="">
<colgroup data-v-770eb43a="">
<col
data-v-770eb43a=""
style="width: 290px; padding-right: 5px; min-width: 290px;"
><col
data-v-770eb43a=""
style="width: 300px; padding-right: 5px; min-width: 300px;"
><col
data-v-770eb43a=""
style="width: 120px; padding-right: 5px; min-width: 120px;"
><col
data-v-770eb43a=""
style="width: 80px; padding-right: 5px; min-width: 80px;"
><col
data-v-770eb43a=""
style="width: 100px; padding-right: 5px; min-width: 100px;"
><col
data-v-770eb43a=""
style="width: 380px; padding-right: 5px; min-width: 380px;"
>
</colgroup><tbody data-v-770eb43a="">
<tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test0
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 15:46:40
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test1
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 14:28:16
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test2
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 15:21:41
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test3
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 15:39:41
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test4
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 15:08:57
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test5
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 14:14:27
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test6
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 14:44:43
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test7
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 14:25:25
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test8
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 14:12:05
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test9
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 15:38:27
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test10
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 15:15:52
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test11
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 14:15:05
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test12
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 15:28:51
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test13
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 14:02:34
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test14
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 15:32:36
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test15
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 14:34:16
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test16
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 15:25:47
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test17
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 15:14:17
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test18
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 15:02:17
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis guardian-td-overdue"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><tr data-v-e063b074="">
<td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
test19
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
BJ-XXX
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<p data-v-35ad2114="">
19/08/07 15:48:21
</p>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<span data-v-35ad2114="">P0</span>
</div>
</td><td
data-v-35ad2114=""
class="n-advanced-table__td-text-ellipsis"
data-v-e063b074=""
style="text-align: center;"
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Zheyu Zhang
</div>
</div>
</div>
</div>
</td><td
data-v-35ad2114=""
class=""
data-v-e063b074=""
>
<div data-v-35ad2114="">
<div
class="n-popover n-tooltip"
data-v-35ad2114=""
>
<div class="n-popover__activator">
<div class="text-overflow">
Memory usage is 83.37%, note: this could be a long description
</div>
</div>
</div>
</div>
</td>
</tr><!---->
</tbody>
</table>
</div><div class="n-advanced-table__pagination">
<div class="n-pagination">
<div class="n-pagination__item n-pagination__item--backward n-pagination__item--disabled">
<i class="n-icon ion-ios-arrow-back" />
</div><div class="n-pagination__item n-pagination__item--active">
<div class="n-pagination-item__label">
1
</div><!----><!---->
</div><div class="n-pagination__item">
<div class="n-pagination-item__label">
2
</div><!----><!---->
</div><div class="n-pagination__item n-pagination__item--forward">
<i class="n-icon ion-ios-arrow-forward" />
</div>
</div>
</div>
</div>
</template>
<script>
export default {
}
</script>
<style scoped>
.text {
background-color: red;
width: 100%;
}
.container {
height: 100px;
position: absolute;
left: 100px;
right: 100px;
top: 0;
}
</style>
Reference in New Issue View Git Blame Copy Permalink