Comments (14)
Thank you for the clarification. In your case, you need to implement the VirtualTable
plugin instead of the Table
one. Refer to our source code to see how it is implemented.
from devextreme-reactive.
@kvet Yes I saw the demo but I don't see anything in the code that points to how the header is fixed ?
from devextreme-reactive.
Yeah the headers are fine, it's really just the left or right column now. If we can get a pinned Left Column (for side scrolling) then all is well
from devextreme-reactive.
Hi,
Would you please describe the problem in greater detail?
from devextreme-reactive.
Thanks,
I have used DevExtreme React Grid with Custom Theme(i.e. without Bootstrap 3 or Bootstrap 4).
As per your Custom theme guidelines, and I have also got sample sandbox from your side for reference. . I have developed my complete table, thanks its working fine. But I got one last problem for fixing my header on top like you have implemented in virtual table.
Is there any doc or sample available where I can go through to fix my problem.
from devextreme-reactive.
The main problem with me is the cellComponent structure. I am trying to refer from this link. But ??
from devextreme-reactive.
Hi, is there any way to achieve a fixed header and/or footer since this issue popped up ? I think it's a must have that a lot of react tables are implementing.
from devextreme-reactive.
Hi @dispix,
Have you seen the following demo: https://devexpress.github.io/devextreme-reactive/react/grid/demos/featured/virtual-scrolling/? It shows pinned header columns.
from devextreme-reactive.
Hi @kaatula @komarovalexander
As per your doc guidelines and with the help of your sandbox sample https://codesandbox.io/s/4xom180v14 .
I have used my own theme (neither BS3/BS4/material). Its works fine. But last problem is fixing header and left column.
could you please guide us?
from devextreme-reactive.
As you said Virtual table will fix table header fixing problem, thanks It works. But I have implemented table fixed header plugin same as https://github.com/DevExpress/devextreme-reactive/blob/master/packages/dx-react-grid-bootstrap3/src/templates/table-fixed-cell.jsx for the fixed first row in a table. But getting the error could you please provide a sample to us for references.
Note:- I am using typescript with own custom template.
from devextreme-reactive.
What error did you get?
from devextreme-reactive.
I thought I have messed up with TableFixedColumns. Could you please define what props should required? Please provide with a small code snippet.
<TableFixedColumns
cellComponent={this.Cell}
leftColumns={['checkbox']}
rightColumn={[rColumns]}
/>
from devextreme-reactive.
As you can see in our source code the TableFixedColumn
plugin requires
the FixedCell
, TableInvisibleRow
and TableListenerCell
components. I should say these are internal components and their names and interfaces can be changed.
Currently, we don't provide TypeScript definitions for them for the same reason. Please refer to an updated sample for more details.
We have plans to add documentation that will describe how to create a custom theme. We are also working on TypeScript definition improvements for plugins and components.
from devextreme-reactive.
This thread has been automatically locked since it is closed and there has not been any recent activity. Please open a new issue for related bugs or feature requests.
from devextreme-reactive.
Related Issues (20)
- Warning: Failed prop type: The prop `groups` is marked as required in `HorizontalLayout`, but its value is `undefined`. at HorizontalLayout HOT 1
- Warning: Failed prop type: The prop `currentView.displayName` is marked as required in `Memo`, but its value is `undefined`. HOT 1
- Scheduler - some appointments are hidden by overlapping elements HOT 3
- Fixed row in DevExtremeREACTIVE HOT 1
- Colspan misalignement problem using groups and action custom columns HOT 1
- EditRecurrenceMenu doesn't show before onCommitChanges function is called HOT 2
- Support for ExcelJS version 4 HOT 1
- Certain styling broken by DX's migration to MUI v5 HOT 1
- rrule import (scheduler-core) error seems still to exist HOT 8
- (@mui/x-date-pickers: 6.0.3 compatible) TypeError: date.isBefore is not a function HOT 5
- Recurring event not handling daylight saving time HOT 2
- Sorting Column Extensions not removing previous sort column HOT 3
- Change Layout For TimeScale in DayView's mode HOT 2
- Show week number in scheduler HOT 1
- A dependency not working HOT 2
- Jerky scrolling with variable row heights in Virtual table HOT 2
- Empty Table header HOT 1
- Scheduler not fitting parent container HOT 2
- Need the right side layout of Appointment Form model. HOT 2
- Unexpected jump to top when scrolling down after Edge restart HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from devextreme-reactive.