fix(data-table): prevent selectable datatable with sticky header from jumping

Fixes #1228

src/Checkbox/InlineCheckbox.svelte

@@ -18,20 +18,22 @@
   export let ref = null;
 </script>
 
-<input
+<div class:bx--checkbox--inline="{true}">
-  bind:this="{ref}"
+  <input
-  type="checkbox"
+    bind:this="{ref}"
-  class:bx--checkbox="{true}"
+    type="checkbox"
-  checked="{indeterminate ? false : checked}"
+    class:bx--checkbox="{true}"
-  indeterminate="{indeterminate}"
+    checked="{indeterminate ? false : checked}"
-  id="{id}"
+    indeterminate="{indeterminate}"
-  {...$$restProps}
+    id="{id}"
-  aria-label="{undefined}"
+    {...$$restProps}
-  aria-checked="{indeterminate ? 'mixed' : checked}"
+    aria-label="{undefined}"
-  on:change
+    aria-checked="{indeterminate ? 'mixed' : checked}"
-/>
+    on:change
-<label
+  />
-  for="{id}"
+  <label
-  title="{title}"
+    for="{id}"
-  aria-label="{$$props['aria-label']}"
+    title="{title}"
-  class:bx--checkbox-label="{true}"></label>
+    aria-label="{$$props['aria-label']}"
+    class:bx--checkbox-label="{true}"></label>
+</div>