HTML
xxxxxxxxxx
1
<html lang="he" dir="rtl">
2
3
<head>
4
<!-- this has import of mdb.rtl.min.css -->
5
<link href="css/app0.rtl.css" rel="stylesheet" type="text/css" />
6
<style>
7
.jtable {
8
border-collapse: separate;
9
}
10
11
.jtable {
12
width: 100%;
13
table-layout: fixed;
14
border-collapse: collapse;
15
border-spacing: 0;
16
}
17
18
table {
19
caption-side: bottom;
20
border-collapse: collapse;
21
}
22
23
*,
24
*::before,
25
*::after {
26
box-sizing: border-box;
27
}
28
29
table {
30
display: table;
31
border-collapse: separate;
32
box-sizing: border-box;
33
text-indent: initial;
34
border-spacing: 2px;
35
border-color: gray;
36
}
37
38
.jgrid-header {
39
overflow-x: hidden;
40
overflow-y: scroll;
41
-webkit-user-select: none;
42
-moz-user-select: none;
43
-o-user-select: none;
44
user-select: none;
45
}
46
47
.jgrid,
48
.jgrid *,
49
.jgrid *:before,
50
.jgrid *:after {
51
box-sizing: border-box;
52
}
53
54
.jgrid {
55
position: relative;
56
overflow: hidden;
57
font-size: 1em;
58
}
59
60
.jgrid-header-row>.jgrid-header-cell:last-child,
61
.jgrid-filter-row>.jgrid-cell:last-child,
62
.jgrid-insert-row>.jgrid-cell:last-child {
63
border-right: none;
64
}
65
66
.jgrid-header-row>.jgrid-header-cell:first-child,
67
.jgrid-filter-row>.jgrid-cell:first-child,
68
.jgrid-insert-row>.jgrid-cell:first-child {
69
border-left: none;
70
}
71
72
.jgrid-header-row>.jgrid-header-cell {
73
background: #f9f9f9;
74
}
75
76
.jgrid-header-row>.jgrid-header-cell,
77
.jgrid-filter-row>.jgrid-cell,
78
.jgrid-insert-row>.jgrid-cell {
79
border-bottom: 0;
80
}
81
82
.jgrid-header-row>.jgrid-header-cell {
83
border-top: 0;
84
}
85
86
.jgrid-grid-header,
87
.jgrid-grid-body,
88
.jgrid-header-row>.jgrid-header-cell,
89
.jgrid-filter-row>.jgrid-cell,
90
.jgrid-insert-row>.jgrid-cell,
91
.jgrid-edit-row>.jgrid-cell {
92
border: 1px solid #e9e9e9;
93
}
94
95
.jgrid-header-cell {
96
padding: 0.5em 0.5em;
97
}
98
99
.text-center {
100
text-align: center !important;
101
}
102
</style>
103
</head>
104
105
<body dir="rtl" style='direction:rtl'>
106
<div class='jgrid' style="position: relative; height: auto; width: 99%;">
107
<div class="jgrid-grid-header jgrid-header-scrollbar">
108
<table class='jtable'>
109
<tr class='jgrid-header-row'>
110
<th class='jgrid-header-cell' style='width: 100%; height: 100px;'>
111
112
<span>acc id <span id="yomanHeader" class="fw-bold text-white text-xl bg-success">
113
64/1</span> <span id="yomanCreatedAt">01/10/23 20:57</span>
114
<div class="dropdown d-inline-block">
115
<button class="btn btn-outline-primary rounded-pill dropdown-toggle dropdown-toggle-split" data-mdb-toggle="dropdown" aria-haspopup="true" aria-expanded="false">options</button>
116
<ul class="dropdown-menu dropdown-menu-end bg-primary " id="yomanManageMenu" data-popper-placement="bottom-start">
117
<button class="dropdown-item btn btn-rounded btn-dd" onclick="return false;">opt1</button>
118
<button class="dropdown-item btn btn-rounded btn-dd mt-1" onclick="return false;">opt2</button>
119
<button class="dropdown-item btn btn-rounded btn-dd mt-1" onclick="return false;">opt3</button>
120
<hr class="mt-2 mb-2">
121
<button class="dropdown-item btn bg-secondaryy btn-rounded btn-dd" onclick="return false;">opt4</button>
122
</ul>
123
</div>
124
<button id="filesBtn" class="btn btn-outline-primary rounded-pill" onclick="return false">
125
<i class="far fa-folder"></i> open files
126
<span class="badge bg-danger" id="filesCountBadge">0</span></button><span id="manageContractorHoldsSpan">
127
<button class="btn btn-outline-primary rounded-pill" onclick="return false;"><i class="fas fa-user-cog"></i> manage2</button></span>
128
<span id="convertYomanToProdSpan"></span>
129
</span>
130
131
</th>
132
</tr>
133
<tr><td><br/><br/><br/>sss<br><br>
134
ttt<br><br>yyy</td></tr>
135
136
</table>
137
</div>
138
</div>
139
</body>
140
141
</html>
CSS
1
1
JS
1
1
Console errors: 0