tabulator-table
This commit is contained in:
salam committed
1 parent
92fee3e0a0
commit
aee337e75e
15 files changed
+639
-25109
No files matched your search
@@ -0,0 +1,2 @@
|
||||
.tabulator{background-color:#fff;font-size:14px;overflow:hidden;position:relative;text-align:left;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table{min-width:100%}.tabulator[tabulator-layout=fitDataTable]{display:inline-block}.tabulator.tabulator-block-select,.tabulator.tabulator-ranges .tabulator-cell:not(.tabulator-editing){user-select:none}.tabulator .tabulator-header{border-bottom:1px solid #999;box-sizing:border-box;outline:none;overflow:hidden;position:relative;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;white-space:nowrap;width:100%}.tabulator .tabulator-header.tabulator-header-hidden{display:none}.tabulator .tabulator-header .tabulator-header-contents{overflow:hidden;position:relative}.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers{display:inline-block}.tabulator .tabulator-header .tabulator-col{background:#f9fafb;border-right:1px solid #ddd;box-sizing:border-box;display:inline-flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:relative;text-align:left;vertical-align:bottom}.tabulator .tabulator-header .tabulator-col.tabulator-moving{background:#dae1e7;border:1px solid #999;pointer-events:none;position:absolute}.tabulator .tabulator-header .tabulator-col.tabulator-range-highlight{background-color:#d6d6d6;color:#000}.tabulator .tabulator-header .tabulator-col.tabulator-range-selected{background-color:#3876ca;color:#fff}.tabulator .tabulator-header .tabulator-col .tabulator-col-content{box-sizing:border-box;padding:4px;position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button{padding:0 8px}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover{cursor:pointer;opacity:.6}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder{position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap{text-overflow:clip;white-space:normal}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor{background:#fff;border:1px solid #999;box-sizing:border-box;padding:1px;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button+.tabulator-title-editor{width:calc(100% - 22px)}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{align-items:center;bottom:0;display:flex;position:absolute;right:4px;top:0}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #bbb;border-left:6px solid transparent;border-right:6px solid transparent;height:0;width:0}.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{border-top:1px solid #ddd;display:flex;margin-right:-1px;overflow:hidden;position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter{box-sizing:border-box;margin-top:2px;position:relative;text-align:center;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea{height:auto!important}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg{margin-top:3px}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear{height:0;width:0}.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-right:25px}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover{background-color:#dae1e7;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter{color:#bbb}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-bottom:6px solid #555;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #bbb;border-top:none}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter{color:#666}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter.tabulatLine truncated
|
||||
/*# sourceMappingURL=tabulator_semanticui.min.css.map */
|
||||
@@ -0,0 +1,211 @@
|
||||
.dark {
|
||||
border: 1px solid #282828;
|
||||
background-color: #111111;
|
||||
}
|
||||
|
||||
.dark[tabulator-layout="fitColumns"] .tabulator-header .tabulator-col:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.dark .tabulator-header {
|
||||
background-color: #080808;
|
||||
}
|
||||
|
||||
.dark .tabulator-header .tabulator-calcs-holder {
|
||||
border-top: 1px solid #393838;
|
||||
}
|
||||
|
||||
.dark .tabulator-header .tabulator-calcs-holder .tabulator-row {
|
||||
background-color: #292929 !important;
|
||||
}
|
||||
|
||||
.dark .tabulator-header .tabulator-col {
|
||||
border-right-color: #393838;
|
||||
background-color: #101010;
|
||||
}
|
||||
|
||||
.dark .tabulator-header .tabulator-col.tabulator-row-header {
|
||||
border-right: 1px solid #393838 !important;
|
||||
}
|
||||
|
||||
.dark .tabulator-header .tabulator-col.range-header-col {
|
||||
border-right: 2px solid #3FB449;
|
||||
}
|
||||
|
||||
|
||||
.dark .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
|
||||
border-top-color: #393838;
|
||||
border-bottom-color: #393838;
|
||||
}
|
||||
|
||||
.dark .tabulator-header .tabulator-col input,
|
||||
.dark .tabulator-header .tabulator-col select {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 4px 10px;
|
||||
border: 1px solid #4b4b4b;
|
||||
border-radius: 2px;
|
||||
background: #1f1f1f;
|
||||
color: #fff;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.dark .tabulator-header .tabulator-col input:focus,
|
||||
.dark .tabulator-header .tabulator-col select:focus {
|
||||
border-color: #3FB449;
|
||||
}
|
||||
|
||||
.dark .tabulator-header .tabulator-col input+input {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.dark .tabulator-header .tabulator-cell {
|
||||
color: #ccc !important;
|
||||
}
|
||||
|
||||
.dark .tabulator-tableholder::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
/* width of the entire scrollbar */
|
||||
}
|
||||
|
||||
.dark .tabulator-tableholder::-webkit-scrollbar-track {
|
||||
background: #333;
|
||||
/* color of the tracking area */
|
||||
}
|
||||
|
||||
.dark .tabulator-tableholder::-webkit-scrollbar-thumb {
|
||||
background-color: #666;
|
||||
/* color of the scroll thumb */
|
||||
border-radius: 20px;
|
||||
/* roundness of the scroll thumb */
|
||||
border: 3px solid #333;
|
||||
/* creates padding around scroll thumb */
|
||||
}
|
||||
|
||||
.dark .tabulator-tableholder::-webkit-scrollbar-corner {
|
||||
background: #222;
|
||||
}
|
||||
|
||||
.dark .tabulator-tableholder .tabulator-table {
|
||||
color: #fff;
|
||||
background-color: #111111;
|
||||
}
|
||||
|
||||
.dark .tabulator-row {
|
||||
background-color: #151515;
|
||||
}
|
||||
|
||||
.dark .tabulator-row.tabulator-row-even {
|
||||
background-color: #202020;
|
||||
}
|
||||
|
||||
.dark .tabulator-row.tabulator-selectable:hover {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.dark .tabulator-row.tabulator-selected {
|
||||
background-color: #009136;
|
||||
}
|
||||
|
||||
.dark .tabulator-row.tabulator-selected:hover {
|
||||
background-color: #00531f;
|
||||
}
|
||||
|
||||
.dark .tabulator-row.tabulator-group {
|
||||
border-right-color: #393838;
|
||||
}
|
||||
|
||||
.dark .tabulator-row .tabulator-cell {
|
||||
border-right-color: #393838;
|
||||
}
|
||||
|
||||
.dark .tabulator-row .tabulator-cell.tabulator-editing {
|
||||
border: 1px solid #3FB449;
|
||||
}
|
||||
|
||||
.dark .tabulator-row .tabulator-cell input,
|
||||
.dark .tabulator-row .tabulator-cell select,
|
||||
.dark .tabulator-row .tabulator-cell textarea {
|
||||
background-color: #121212;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.dark .tabulator-row .tabulator-cell .tabulator-data-tree-control {
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
border: 2px solid #3FB449 !important;
|
||||
}
|
||||
|
||||
.dark .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: -3px;
|
||||
top: 2px;
|
||||
height: 2px;
|
||||
width: 6px;
|
||||
background: #3FB449;
|
||||
}
|
||||
|
||||
.dark .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
|
||||
height: 8px;
|
||||
width: 2px;
|
||||
background: #3FB449;
|
||||
}
|
||||
|
||||
.dark .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: -3px;
|
||||
top: 3px;
|
||||
height: 2px;
|
||||
width: 8px;
|
||||
background: #3FB449;
|
||||
}
|
||||
|
||||
.dark .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
|
||||
border-left: 2px solid #3FB449;
|
||||
border-bottom: 2px solid #3FB449;
|
||||
}
|
||||
|
||||
.dark .tabulator-row .tabulator-responsive-collapse {
|
||||
border-top: 1px solid #393838;
|
||||
border-bottom: 1px solid #393838;
|
||||
}
|
||||
|
||||
.dark .tabulator-footer {
|
||||
background-color: #101010;
|
||||
}
|
||||
|
||||
.dark .tabulator-footer .tabulator-calcs-holder {
|
||||
border-bottom: 1px solid #393838;
|
||||
}
|
||||
|
||||
.dark .tabulator-footer .tabulator-calcs-holder .tabulator-row {
|
||||
background-color: #292929 !important;
|
||||
}
|
||||
|
||||
.dark .tabulator-footer .tabulator-spreadsheet-tabs {
|
||||
margin-bottom: -2px;
|
||||
}
|
||||
|
||||
.dark .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab {
|
||||
padding: 4px 10px;
|
||||
border-width: 0 1px 1px 1px;
|
||||
background-color: #000;
|
||||
color: #ececec;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.dark .tabulator-footer .tabulator-spreadsheet-tabs .tabulator-spreadsheet-tab.tabulator-spreadsheet-tab-active {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.dark .tabulator-footer .tabulator-page,
|
||||
.dark .tabulator-footer .tabulator-page-size {
|
||||
background: #ebebeb;
|
||||
}
|
||||
|
||||
.dark .tabulator-popup,
|
||||
.dark .tabulator-tooltip {
|
||||
color: #000;
|
||||
}
|
||||
@@ -1,2 +0,0 @@
|
||||
.tabulator{background-color:#888;border:1px solid #999;font-size:14px;overflow:hidden;position:relative;text-align:left;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.tabulator[tabulator-layout=fitDataFill] .tabulator-tableholder .tabulator-table{min-width:100%}.tabulator[tabulator-layout=fitDataTable]{display:inline-block}.tabulator.tabulator-block-select,.tabulator.tabulator-ranges .tabulator-cell:not(.tabulator-editing){user-select:none}.tabulator .tabulator-header{background-color:#e6e6e6;border-bottom:1px solid #999;box-sizing:border-box;color:#555;font-weight:700;outline:none;overflow:hidden;position:relative;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;white-space:nowrap;width:100%}.tabulator .tabulator-header.tabulator-header-hidden{display:none}.tabulator .tabulator-header .tabulator-header-contents{overflow:hidden;position:relative}.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers{display:inline-block}.tabulator .tabulator-header .tabulator-col{background:#e6e6e6;border-right:1px solid #aaa;box-sizing:border-box;display:inline-flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:relative;text-align:left;vertical-align:bottom}.tabulator .tabulator-header .tabulator-col.tabulator-moving{background:#cdcdcd;border:1px solid #999;pointer-events:none;position:absolute}.tabulator .tabulator-header .tabulator-col.tabulator-range-highlight{background-color:#d6d6d6;color:#000}.tabulator .tabulator-header .tabulator-col.tabulator-range-selected{background-color:#3876ca;color:#fff}.tabulator .tabulator-header .tabulator-col .tabulator-col-content{box-sizing:border-box;padding:4px;position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button{padding:0 8px}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover{cursor:pointer;opacity:.6}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder{position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap{text-overflow:clip;white-space:normal}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor{background:#fff;border:1px solid #999;box-sizing:border-box;padding:1px;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button+.tabulator-title-editor{width:calc(100% - 22px)}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter{align-items:center;bottom:0;display:flex;position:absolute;right:4px;top:0}.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #bbb;border-left:6px solid transparent;border-right:6px solid transparent;height:0;width:0}.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols{border-top:1px solid #aaa;display:flex;margin-right:-1px;overflow:hidden;position:relative}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter{box-sizing:border-box;margin-top:2px;position:relative;text-align:center;width:100%}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea{height:auto!important}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg{margin-top:3px}.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear{height:0;width:0}.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-right:25px}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover{background-color:#cdcdcd;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter{color:#bbb}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover{border-bottom:6px solid #555;cursor:pointer}}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:6px solid #bbb;border-top:none}.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter{color:#666}@media (hover:hover) and (pointer:fine){.tabulator .tabulator-header .tabulator-col.tabulator-sortableLine truncated
|
||||
/*# sourceMappingURL=tabulator.min.css.map */
|
||||
Reference in new issue
Block a user