DataFrame:Dataframe with column widths

Build 8128 on main
1200px
Reviewing disabled
View latest build
Resources requested by the new story could not be loaded. Snapshots may be affected.
Build 8123 on df-remove-fixed-layout
Multiple baselines
View Storybook
LatestBuild 8128 on main
LatestLatestLatest
View Storybook
Baseline History
Build 81286812544 current baseline
Current build. Accepted by Hannah.
Build 812588941b6
Inherited baseline identical to build 8123
Build 8123dac6a3a
Accepted by Hannah.
Build 8114968b947
Accepted by Hannah.
Build 8017c1bef48
Accepted by Hannah.
Build 7869d21d3af
Accepted by Hannah.
Commenting is disabled because there's a newer build on this branch
Go to Build 8405 now
DOM Diff
file.html a CHANGED
@@ -72,10 +72,10 @@
72
  aria-dropeffect="copy" class="svelte-1b742ao disable_click" style="height: 100%;">
73
  <div class="table-wrap svelte-10lz5v8">
74
  <svelte-virtual-table-viewport>
75
  <div>
76
- <table class="table svelte-1swn42k" style="height: 100%; --bw-svt-p-top: 0px; --bw-svt-p-bottom: 0px; --bw-svt-head-height: 37px; --bw-svt-foot-height: 0px; --bw-svt-avg-row-height: 37px; --max-height: 500px;">
77
- <thead class="thead svelte-1swn42k">
78
  <tr slot="thead" class="svelte-10lz5v8">
79
  <th aria-sort="none" title="Narrow" class="svelte-sy2j2s" style="width: var(--cell-width-0); left: auto;">
80
  <div class="cell-wrap svelte-sy2j2s">
81
  <div class="header-content svelte-sy2j2s">
@@ -109,9 +109,9 @@
109
  </tr>
110
  <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;"
111
  aria-hidden="true" tabindex="-1" src="about:blank"></iframe>
112
  </thead>
113
- <tbody class="tbody svelte-1swn42k">
114
  <tr slot="tbody" class="svelte-10lz5v8 row-odd">
115
  <td tabindex="0" data-row="0" data-col="0" data-testid="cell-0-0" style="width: var(--cell-width-0); left: auto; "
116
  class="svelte-v1pjjd">
117
  <div class="cell-wrap svelte-v1pjjd">
@@ -157,9 +157,9 @@
157
  </div>
158
  </td>
159
  </tr>
160
  </tbody>
161
- <tfoot class="tfoot svelte-1swn42k" style="position: relative;">
162
  <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;"
163
  aria-hidden="true" tabindex="-1" src="about:blank"></iframe>
164
  </tfoot>
165
  </table>
72
  aria-dropeffect="copy" class="svelte-1b742ao disable_click" style="height: 100%;">
73
  <div class="table-wrap svelte-10lz5v8">
74
  <svelte-virtual-table-viewport>
75
  <div>
76
+ <table class="table svelte-1e98i6s" style="height: 100%; --bw-svt-p-top: 0px; --bw-svt-p-bottom: 0px; --bw-svt-head-height: 37px; --bw-svt-foot-height: 0px; --bw-svt-avg-row-height: 37px; --max-height: 500px;">
77
+ <thead class="thead svelte-1e98i6s">
78
  <tr slot="thead" class="svelte-10lz5v8">
79
  <th aria-sort="none" title="Narrow" class="svelte-sy2j2s" style="width: var(--cell-width-0); left: auto;">
80
  <div class="cell-wrap svelte-sy2j2s">
81
  <div class="header-content svelte-sy2j2s">
109
  </tr>
110
  <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;"
111
  aria-hidden="true" tabindex="-1" src="about:blank"></iframe>
112
  </thead>
113
+ <tbody class="tbody svelte-1e98i6s">
114
  <tr slot="tbody" class="svelte-10lz5v8 row-odd">
115
  <td tabindex="0" data-row="0" data-col="0" data-testid="cell-0-0" style="width: var(--cell-width-0); left: auto; "
116
  class="svelte-v1pjjd">
117
  <div class="cell-wrap svelte-v1pjjd">
157
  </div>
158
  </td>
159
  </tr>
160
  </tbody>
161
+ <tfoot class="tfoot svelte-1e98i6s" style="position: relative;">
162
  <iframe style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;"
163
  aria-hidden="true" tabindex="-1" src="about:blank"></iframe>
164
  </tfoot>
165
  </table>