updated the position of the filters

remult · Apr 25, 2024 · e15a04d · e15a04d
1 parent ee18070
commit e15a04d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/examples/shadcn-react-table/src/components/data-table/data-table-advanced-toolbar.tsx b/examples/shadcn-react-table/src/components/data-table/data-table-advanced-toolbar.tsx
@@ -53,7 +53,7 @@ export function DataTableAdvancedToolbar<TData>({
       )}
       {...props}
     >
-      <div className="ml-auto flex items-center gap-2">
+      <div className=" flex items-center gap-2">
         <div className={cn('flex items-center gap-2')}>
           {selectedOptions.map((selectedOption) => (
             <DataTableFilterItem

diff --git a/examples/shadcn-react-table/src/components/data-table/data-table-view-options.tsx b/examples/shadcn-react-table/src/components/data-table/data-table-view-options.tsx
@@ -1,18 +1,18 @@
-import { MixerHorizontalIcon } from "@radix-ui/react-icons";
-import type { Table } from "@tanstack/react-table";
+import { MixerHorizontalIcon } from '@radix-ui/react-icons'
+import type { Table } from '@tanstack/react-table'
 
-import { Button } from "@/components/ui/button";
+import { Button } from '@/components/ui/button'
 import {
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
+} from '@/components/ui/dropdown-menu'
 
 interface DataTableViewOptionsProps<TData> {
-  table: Table<TData>;
+  table: Table<TData>
 }
 
 export function DataTableViewOptions<TData>({
@@ -25,7 +25,7 @@ export function DataTableViewOptions<TData>({
           aria-label="Toggle columns"
           variant="outline"
           size="sm"
-          className="ml-auto hidden h-8 lg:flex"
+          className="ml-auto h-8 lg:flex"
         >
           <MixerHorizontalIcon className="mr-2 size-4" />
           View
@@ -38,7 +38,7 @@ export function DataTableViewOptions<TData>({
           .getAllColumns()
           .filter(
             (column) =>
-              typeof column.accessorFn !== "undefined" && column.getCanHide()
+              typeof column.accessorFn !== 'undefined' && column.getCanHide(),
           )
           .map((column) => {
             return (
@@ -50,9 +50,9 @@ export function DataTableViewOptions<TData>({
               >
                 <span className="truncate">{column.id}</span>
               </DropdownMenuCheckboxItem>
-            );
+            )
           })}
       </DropdownMenuContent>
     </DropdownMenu>
-  );
+  )
 }