DataTable CSS and responsive structure improvements (#3684)

* DataTable CSS and responsive structure improvements

Fixed #3682 and #3683

* Update DataTable.vue
This commit is contained in:
mertsincan 2023-02-28 10:33:00 +00:00 committed by GitHub
parent 2f4afc71be
commit 16833178f1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 348 additions and 212 deletions

View file

@ -39,8 +39,6 @@ export declare type DataTableStateStorageType = 'session' | 'local' | undefined;
export declare type DataTableEditModeType = 'cell' | 'row' | undefined;
export declare type DataTableScrollDirectionType = 'vertical' | 'horizontal' | 'both' | undefined;
export declare type DataTableScrollHeightType = 'flex' | string | undefined;
export declare type DataTableResponsiveLayoutType = 'stack' | 'scroll' | undefined;
@ -663,10 +661,6 @@ export interface DataTableProps {
* @see DataTableExportFunctionOptions
*/
exportFunction?(options: DataTableExportFunctionOptions): any;
/**
* Whether the cell widths scale according to their content or not. Does not apply to scrollable tables.
*/
autoLayout?: boolean | undefined;
/**
* When enabled, columns can be resized using drag and drop.
*/
@ -752,12 +746,6 @@ export interface DataTableProps {
* @see DataTableScrollHeightType
*/
scrollHeight?: DataTableScrollHeightType;
/**
* Orientation of the scrolling, options are 'vertical', 'horizontal' and 'both'.
* @see DataTableScrollDirectionType
* Default value is 'vertical'.
*/
scrollDirection?: DataTableScrollDirectionType;
/**
* Whether to use the virtualScroller feature. The properties of VirtualScroller component can be used like an object in it.
* Note: Currently only vertical orientation mode is supported.
@ -769,9 +757,9 @@ export interface DataTableProps {
*/
frozenValue?: any[] | undefined;
/**
* Defines the responsive mode, valid options are 'stack' and 'scroll'.
* Defines the responsive mode, valid options are 'stack' and 'scroll'. Default value is 'scroll'.
* @see DataTableResponsiveLayoutType
* Default value is 'stack'.
* @deprecated since version 3.24.0
*/
responsiveLayout?: DataTableResponsiveLayoutType;
/**