webcomponents/packages/compat/test/pages/TableTextTruncation.html at 7f2c299a858163d6c02a7c7d580a70e91dbd3778 · UI5/webcomponents · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>Web components Table</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<script data-ui5-config type="application/json">
		{
			"language": "EN"
		}
	</script>

	<script>
		// delete Document.prototype.adoptedStyleSheets
	</script>


	<script src="%VITE_BUNDLE_PATH%" type="module"></script>

</head>

<link rel="stylesheet" type="text/css" href="./styles/Table.css">

<body class="table1auto">
	<ui5-table style="width: 600px;">
		<ui5-table-column slot="columns">
			<ui5-text max-lines="3">Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook
				Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic
				15Notebook Basic 15Notebook Basic 15Notebook Basic 15</ui5-text>
		</ui5-table-column>
		<ui5-table-column slot="columns">
			<ui5-text max-lines="2">Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook
				Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic
				15Notebook Basic 15Notebook Basic 15Notebook Basic 15</ui5-text>
		</ui5-table-column>
		<ui5-table-column slot="columns">
			<ui5-text max-lines="1">Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook
				Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic
				15Notebook Basic 15Notebook Basic 15Notebook Basic 15</ui5-text>
		</ui5-table-column>
		<ui5-table-column slot="columns">
			<span
				style="white-space: nowrap; display: inline-block; text-overflow: ellipsis; overflow: hidden; width: 200px;">Notebook
				Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic
				15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook
				Basic 15Notebook Basic 15</span>
		</ui5-table-column>
		<ui5-table-column slot="columns">
			<ui5-text>Price</ui5-text>
		</ui5-table-column>

		<ui5-table-row>
			<ui5-table-cell>
				<ui5-text max-lines="3">Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook
					Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic
					15Notebook Basic 15Notebook Basic 15Notebook Basic 15</ui5-text>
			</ui5-table-cell>
			<ui5-table-cell>
				<ui5-text max-lines="2">Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook
					Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic
					15Notebook Basic 15Notebook Basic 15Notebook Basic 15</ui5-text>
			</ui5-table-cell>
			<ui5-table-cell>
				<ui5-text max-lines="1">Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook
					Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic
					15Notebook Basic 15Notebook Basic 15Notebook Basic 15</ui5-text>

			</ui5-table-cell>
			<ui5-table-cell>
				<span
					style="white-space: nowrap; display: inline-block; text-overflow: ellipsis; overflow: hidden; width: 200px;">Notebook
					Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic
					15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook Basic 15Notebook
					Basic 15Notebook Basic 15</span>
			</ui5-table-cell>
			<ui5-table-cell>
				<ui5-text>956</b>EUR</ui5-text>
			</ui5-table-cell>
		</ui5-table-row>
	</ui5-table>
</body>

</html>