+
+
+ setSearchText(e.target.value)}
+ onKeyDown={handleSearchKeyDown}
+ placeholder="En az 3 karakter girin ve Enter'a basın..."
+ className="bg-green-800 border border-green-500 rounded px-3 py-2 text-white w-full ml-5"
+ />
+
+
+
+
+
+ {table.getHeaderGroups().map((headerGroup) => (
+
+ {headerGroup.headers.map((header) => {
+ const colId = header.column.id;
+ const sortDir = getSortDirection(colId);
+ return (
+ handleSort(colId)}>
+
+ {flexRender(header.column.columnDef.header, header.getContext())}
+
+ {sortDir === "asc" ? () : sortDir === "desc" ? (
+ ) : ()}
+
+ |
+ );
+ })}
+ |
+
+ ))}
+
+
+ {isLoading ? (
+ |
+ ) : (
+ table.getRowModel().rows.map((row) => {
+ const rowData = row.original as any;
+ return (
+
+
+ {row.getVisibleCells().map((cell) => (
+ | {flexRender(cell.column.columnDef.cell, cell.getContext())} |
+ ))}
+
+
+ |
+
+ {expandedRowId === rowData.uuid && (
+
+
+
+ Detaylı Bilgi
+ {detailListItems.map((item) => ( {item.label}: {rowData[item.value] || "-"} ))}
+ |
+
+ )}
+
+ );
+ })
+ )}
+
+
+
+
+
+
+ {page} / {pageCount}
+
+
+
+