@izumisy-tailor/tailor-data-viewer 0.1.50 → 0.1.51

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@izumisy-tailor/tailor-data-viewer",
   "private": false,
-  "version": "0.1.50",
+  "version": "0.1.51",
   "type": "module",
   "description": "Flexible data viewer component for Tailor Platform",
   "files": [

package/src/component/data-table.tsx

@@ -272,7 +272,7 @@ export function DataTable(props: DataTableProps = {}) {
 
   return (
     <>
-      <div className="rounded-md border">
+      <div className="rounded-md border bg-background">
         <Table>
           <TableHeader>
             <TableRow>

package/src/component/ui/table.tsx

@@ -4,7 +4,12 @@ import * as React from "react";
 
 import { cn } from "../lib/utils";
 
-function Table({ className, ...props }: React.ComponentProps<"table">) {
+interface TableProps extends React.ComponentProps<"table"> {
+  /** Table layout algorithm. Defaults to "fixed" to respect explicit column widths. */
+  tableLayout?: "fixed" | "auto";
+}
+
+function Table({ className, tableLayout = "fixed", ...props }: TableProps) {
   return (
     <div
       data-slot="table-container"
@@ -12,7 +17,11 @@ function Table({ className, ...props }: React.ComponentProps<"table">) {
     >
       <table
         data-slot="table"
-        className={cn("w-full caption-bottom text-sm", className)}
+        className={cn(
+          "w-full caption-bottom text-sm",
+          tableLayout === "fixed" ? "table-fixed" : "table-auto",
+          className,
+        )}
         {...props}
       />
     </div>