File tree Expand file tree Collapse file tree 2 files changed +313
-110
lines changed
packages/core/src/components/Table Expand file tree Collapse file tree 2 files changed +313
-110
lines changed Original file line number Diff line number Diff line change 11<!DOCTYPE html>
2- < html lang ="en " class ="bim-ui-light ">
2+ < html lang ="en " class ="bim-ui-dark ">
33
44< head >
55 < meta charset ="UTF-8 ">
2424</ head >
2525
2626< body >
27- < div style ="display: flex; flex-direction: column; gap: 0.75rem; height: 100%; ">
28- < div style ="display: flex; gap: 0.375rem; width: 10rem; ">
29- < bim-checkbox id ="force-error " label ="Force Load Error " inverted > </ bim-checkbox >
30- < bim-button id ="clean-data " label ="Clean Data "> </ bim-button >
31- < bim-button id ="print-data " label ="Print Table Data "> </ bim-button >
32- < bim-button id ="copy-csv " label ="Copy As CSV "> </ bim-button >
33- < bim-button id ="copy-tsv " label ="Copy As TSV "> </ bim-button >
34- < bim-button id ="download-data " label ="Download Table Data "> </ bim-button >
35- </ div >
36- < div style ="display: flex; gap: 0.75rem; ">
37- < bim-text-input id ="search-box " placeholder ="Search... " debounce ="250 "> </ bim-text-input >
38- < bim-checkbox id ="preserve-structure " label ="Preserve Structure " checked inverted > </ bim-checkbox >
39- </ div >
40- < bim-table style ="border-radius: 0.25rem; " expanded selectable-rows >
41- < div slot ="missing-data "
42- style ="display: flex; flex-direction: column; align-items: center; width: 8rem; margin: auto; ">
43- < bim-label > No data to load!</ bim-label >
44- < bim-button id ="load-data " label ="Load Data " style ="width: 100%; "> </ bim-button >
45- </ div >
46- < div slot ="error-loading "
47- style ="display: flex; flex-direction: column; align-items: center; width: 8rem; margin: auto; ">
48- < bim-label id ="error-loading-label "> Data failed to load!</ bim-label >
49- < bim-button id ="try-again " label ="Try Again " style ="width: 100%; "> </ bim-button >
50- </ div >
51- </ bim-table >
52- </ div >
5327 < script type ="module " src ="./example.ts "> </ script >
5428</ body >
5529
You can’t perform that action at this time.
0 commit comments