source: trip-planner-front/node_modules/primeng/resources/components/table/table.css

Last change on this file was 59329aa, checked in by Ema <ema_spirova@…>, 3 years ago

adding photos

  • Property mode set to 100644
File size: 6.5 KB
Line 
1.p-datatable {
2 position: relative;
3}
4
5.p-datatable table {
6 border-collapse: collapse;
7 min-width: 100%;
8 table-layout: fixed;
9}
10
11.p-datatable .p-sortable-column {
12 cursor: pointer;
13 user-select: none;
14}
15
16.p-datatable .p-sortable-column .p-column-title,
17.p-datatable .p-sortable-column .p-sortable-column-icon,
18.p-datatable .p-sortable-column .p-sortable-column-badge {
19 vertical-align: middle;
20}
21
22.p-datatable .p-sortable-column .p-sortable-column-badge {
23 display: inline-flex;
24 align-items: center;
25 justify-content: center;
26}
27
28.p-datatable-auto-layout > .p-datatable-wrapper {
29 overflow-x: auto;
30}
31
32.p-datatable-auto-layout > .p-datatable-wrapper > table {
33 table-layout: auto;
34}
35
36.p-datatable-responsive-scroll > .p-datatable-wrapper {
37 overflow-x: auto;
38}
39
40.p-datatable-responsive-scroll > .p-datatable-wrapper > table,
41.p-datatable-auto-layout > .p-datatable-wrapper > table {
42 table-layout: auto;
43}
44
45.p-datatable-hoverable-rows .p-selectable-row {
46 cursor: pointer;
47}
48
49/* Scrollable */
50.p-datatable-scrollable .p-datatable-wrapper {
51 position: relative;
52 overflow: auto;
53}
54
55.p-datatable-scrollable .p-datatable-thead,
56.p-datatable-scrollable .p-datatable-tbody,
57.p-datatable-scrollable .p-datatable-tfoot {
58 display: block;
59}
60
61.p-datatable-scrollable .p-datatable-thead > tr,
62.p-datatable-scrollable .p-datatable-tbody > tr,
63.p-datatable-scrollable .p-datatable-tfoot > tr {
64 display: flex;
65 flex-wrap: nowrap;
66 width: 100%;
67}
68
69.p-datatable-scrollable .p-datatable-thead > tr > th,
70.p-datatable-scrollable .p-datatable-tbody > tr > td,
71.p-datatable-scrollable .p-datatable-tfoot > tr > td {
72 display: flex;
73 flex: 1 1 0;
74 align-items: center;
75}
76
77.p-datatable-scrollable .p-datatable-thead {
78 position: sticky;
79 top: 0;
80 z-index: 1;
81}
82
83.p-datatable-scrollable .p-datatable-frozen-tbody {
84 position: sticky;
85 z-index: 1;
86}
87
88.p-datatable-scrollable .p-datatable-tfoot {
89 position: sticky;
90 bottom: 0;
91 z-index: 1;
92}
93
94.p-datatable-scrollable .p-frozen-column {
95 position: sticky;
96 background: inherit;
97}
98
99.p-datatable-scrollable th.p-frozen-column {
100 z-index: 1;
101}
102
103.p-datatable-scrollable-both .p-datatable-thead > tr > th,
104.p-datatable-scrollable-both .p-datatable-tbody > tr > td,
105.p-datatable-scrollable-both .p-datatable-tfoot > tr > td,
106.p-datatable-scrollable-horizontal .p-datatable-thead > tr > th
107.p-datatable-scrollable-horizontal .p-datatable-tbody > tr > td,
108.p-datatable-scrollable-horizontal .p-datatable-tfoot > tr > td {
109 flex: 0 0 auto;
110}
111
112.p-datatable-flex-scrollable {
113 display: flex;
114 flex-direction: column;
115 height: 100%;
116}
117
118.p-datatable-flex-scrollable .p-datatable-wrapper {
119 display: flex;
120 flex-direction: column;
121 flex: 1;
122 height: 100%;
123}
124
125.p-datatable-scrollable .p-rowgroup-header {
126 position: sticky;
127 z-index: 1;
128}
129
130.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead,
131.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot {
132 display: table;
133 border-collapse: collapse;
134 width: 100%;
135 table-layout: fixed;
136}
137
138.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr,
139.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot > tr {
140 display: table-row;
141}
142
143.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr > th,
144.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot > tr > td {
145 display: table-cell;
146}
147
148/* Flex Scrollable */
149.p-datatable-flex-scrollable {
150 display: flex;
151 flex-direction: column;
152 flex: 1;
153 height: 100%;
154}
155
156.p-datatable-flex-scrollable .p-datatable-virtual-scrollable-body {
157 flex: 1;
158}
159
160/* Resizable */
161.p-datatable-resizable > .p-datatable-wrapper {
162 overflow-x: auto;
163}
164
165.p-datatable-resizable .p-datatable-thead > tr > th,
166.p-datatable-resizable .p-datatable-tfoot > tr > td,
167.p-datatable-resizable .p-datatable-tbody > tr > td {
168 overflow: hidden;
169 white-space: nowrap;
170}
171
172.p-datatable-resizable .p-resizable-column {
173 background-clip: padding-box;
174 position: relative;
175}
176
177.p-datatable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
178 display: none;
179}
180
181.p-datatable .p-column-resizer {
182 display: block;
183 position: absolute !important;
184 top: 0;
185 right: 0;
186 margin: 0;
187 width: .5rem;
188 height: 100%;
189 padding: 0px;
190 cursor:col-resize;
191 border: 1px solid transparent;
192}
193
194.p-datatable .p-column-resizer-helper {
195 width: 1px;
196 position: absolute;
197 z-index: 10;
198 display: none;
199}
200
201.p-datatable .p-row-editor-init,
202.p-datatable .p-row-editor-save,
203.p-datatable .p-row-editor-cancel {
204 display: inline-flex;
205 align-items: center;
206 justify-content: center;
207 overflow: hidden;
208 position: relative;
209}
210
211/* Expand */
212.p-datatable .p-row-toggler {
213 display: inline-flex;
214 align-items: center;
215 justify-content: center;
216 overflow: hidden;
217 position: relative;
218}
219
220/* Reorder */
221.p-datatable-reorder-indicator-up,
222.p-datatable-reorder-indicator-down {
223 position: absolute;
224 display: none;
225}
226
227.p-datatable-reorderablerow-handle {
228 cursor: move;
229}
230
231[pReorderableColumn] {
232 cursor: move;
233}
234
235/* Loader */
236.p-datatable .p-datatable-loading-overlay {
237 position: absolute;
238 display: flex;
239 align-items: center;
240 justify-content: center;
241 z-index: 2;
242}
243
244/* Filter */
245.p-column-filter-row {
246 display: flex;
247 align-items: center;
248 width: 100%;
249}
250
251.p-column-filter-menu {
252 display: inline-flex;
253}
254
255.p-column-filter-row p-columnfilterformelement {
256 flex: 1 1 auto;
257 width: 1%;
258}
259
260.p-column-filter-menu-button,
261.p-column-filter-clear-button {
262 display: inline-flex;
263 justify-content: center;
264 align-items: center;
265 cursor: pointer;
266 text-decoration: none;
267 overflow: hidden;
268 position: relative;
269}
270
271.p-column-filter-overlay {
272 position: absolute;
273 top: 0;
274 left: 0;
275}
276
277.p-column-filter-row-items {
278 margin: 0;
279 padding: 0;
280 list-style: none;
281}
282
283.p-column-filter-row-item {
284 cursor: pointer;
285}
286
287.p-column-filter-add-button,
288.p-column-filter-remove-button {
289 justify-content: center;
290}
291
292.p-column-filter-add-button .p-button-label,
293.p-column-filter-remove-button .p-button-label {
294 flex-grow: 0;
295}
296
297.p-column-filter-buttonbar {
298 display: flex;
299 align-items: center;
300 justify-content: space-between;
301}
302
303.p-column-filter-buttonbar .p-button {
304 width: auto;
305}
306
307/* Responsive */
308.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
309 display: none;
310}
311
312/* Virtual Scroll*/
313
314cdk-virtual-scroll-viewport {
315 outline: 0 none;
316}
Note: See TracBrowser for help on using the repository browser.