change data example

Refs: #6718

packages/samples/react/src/scenarios/horizontal-scrollbar-advanced/Table/Table.tsx

@@ -12,7 +12,7 @@ function Table() {
 				_minWidth={table.tableWith}
 				_headers={{ horizontal: [table.columns] }}
 				_data={table.data}
-				_pagination={{ _page: 1, _pageSize: 50 }}
+				_pagination={{ _page: 1 }}
 				className="block"
 			/>
 		</div>

packages/samples/react/src/scenarios/horizontal-scrollbar-advanced/Table/columns.ts

@@ -1,18 +1,7 @@
 export const columnDefinitions: unknown = [
-	{ key: 'companyname', label: 'Unternehmen', textAlign: 'left', width: '400px' },
-	{ key: 'businesshours', label: 'Öffnungszeiten', textAlign: 'left', width: '400px' },
-	{ key: 'branch', label: 'Branche', textAlign: 'left', width: '400px' },
-	{ key: 'taxid', label: 'Steuernummer', textAlign: 'left', width: '400px' },
-	{ key: 'firstname', label: 'Vorname', textAlign: 'left', width: '400px' },
-	{ key: 'lastname', label: 'Nachname', textAlign: 'left', width: '400px' },
-	{ key: 'datebirthday', label: 'Geburtstag', textAlign: 'left', width: '400px' },
-	{ key: 'address', label: 'Adresse', textAlign: 'left', width: '400px' },
-	{ key: 'zipcity', label: 'Ort', textAlign: 'left', width: '400px' },
-	{ key: 'state', label: 'Bundesland', textAlign: 'left', width: '400px' },
-	{ key: 'email', label: 'E-Mail', textAlign: 'left', width: '400px' },
-	{ key: 'telephone', label: 'Telephone', textAlign: 'left', width: '400px' },
-	{ key: 'mobile', label: 'Mobile', textAlign: 'left', width: '400px' },
-	{ key: 'moretelephone', label: 'Telephone 2', textAlign: 'left', width: '400px' },
-	{ key: 'moreemail', label: 'E-Mail 2', textAlign: 'left', width: '400px' },
-	{ key: 'moreinternet', label: 'Internet  2', textAlign: 'left', width: '400px' },
+	{ key: 'name', label: 'Name', textAlign: 'left', width: '400px' },
+	{ key: 'species', label: 'Species', textAlign: 'left', width: '400px' },
+	{ key: 'habitat', label: 'Habitat', textAlign: 'left', width: '400px' },
+	{ key: 'diet', label: 'Diet', textAlign: 'left', width: '400px' },
+	{ key: 'lifespan', label: 'lifespan', textAlign: 'right', width: '400px' },
 ];