Solveddevextreme reactive Fixed Header and Left / Right Column

Somewhat related to #293 but it's always so handy to have the ability to fix the tableheader during scrolling and fix a column to either the left or the right.

It's a simple CSS functionality but it's really powerful and often gives problems so would appreciate it being built-in functionality.

Just an idea ;)

15 Answers

โœ”๏ธAccepted Answer

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.

Related Issues:

3
devextreme reactive How to change table border styles
Try this It worked for me. React Grid I checked the doc see how to style or create a custom theme fo...
3
devextreme reactive Fixed Header and Left / Right Column
Thank you for the clarification In your case you need to implement the VirtualTable plugin instead o...
275
ngx bootstrap fix(tooltip): tooltip flickering when hover the mouse on the border on the tooltip position
Add pointer-events: none; to the tooltip css problem solved! .tooltip { pointer-events: none; } ...
174
bootstrap vue Dynamic property for v-b-toggle
v-b-toggle does accept a dynamic value to specify a single target ID Not do not include the # as it ...
147
ng bootstrap No provider for NgbActiveModal! => "Components as content"
try to provide NgbActiveModal on app.module Bug description: When trying to implement the Modal usin...
111
bootstrap vue How to hide OK or Cancel buttons on Modal?
Add property in b-modal component hide-footer=true Hi In the docs it says: You can customize the siz...
101
bootstrap Navbar .sticky-top doesn't work
My setup: Bootstrap@4.0.0-beta.2 macOS Sierra - Version 10.12.6 Google Chrome - Version 62.0.3202.62...
83
ngx bootstrap How to pass data to modal ngx-bootstrap and receive return data ?
here is how you send information back to parent component ( calling component) create a EventEmitter...
73
react bootstrap Fix arbitrary prop passthrough to DOM nodes.
Wait how are library component authors supposed to fix this? Are we supposed to apply the whitelist ...
70
bootstrap vue How to use event row-clicked <b-table>.
Hi guys I'm trying to use event row-clicked to fill some props when click on a b-table row Tried to ...
70
bootstrap Responsive Card Decks
I've managed to find a way of having cards in the responsive system while having equal heights just ...
54
bootstrap Bootstrap dropdown require Popper.js (https://popper.js.org)
For laravel projects using laravel mix window.Popper = require('popper.js').default; does the trick ...
54
bootstrap table-responsive class does not take full width
simple solution use a wrapping <div> with the table-responsive class. This was previously reported i...
51
ngx bootstrap Auto open modal from components
Use ngAfterViewInit instead of ngOnInit The ViewChildis still undefined when the component is initia...
48
reactstrap Reactstrap and React-router 4.0.0-beta.6 - active <NavLink>
The simplest answer is that you can't use reactstrap navlink active prop when passing in react-route...
48
bootstrap v4.0.0-alpha.6 - Activating tooltips breaks modals (stuck "transitioning")
Had the same issue fixed by adding data-animation=false to my html elements. Operating systems and b...
44
AdminLTE Active menu item with multi level submenus
nice script but it is not valid where you took the class ul.level-1 from? ๐Ÿ˜„ AdminLTE doesn't use so...
40
ngx bootstrap BsModalService confirmation modal with yes and no buttons
A possible solution could be: confirmation-modal.component.html confirmation-modal.component.ts: ope...
36
ng bootstrap No animation for ng-bootstrap modal
You need to add animation css class to global styles and add NgbModalOptions Bug description: Bootst...
35
react bootstrap Click on MenuItem doesn't hide the dropdown menu?
Have encountered & addressed (as of react-bootstrap v0.30.7) w/ workaround by adding this in my onSe...
31
react bootstrap How to get the value of a FormControl input.
Form Control has a ref prop which allows us to use React Refs Sample Code : Hope this helps! ...
29
bootstrap Uncaught ReferenceError: Popper is not defined
It's because you included both bootstrap.min.js and bootstrap.bundle.min.js you should just include ...
28
AdminLTE Sidebar menu treeview not working after redirection in Angular 4
This problem in Angular 6 and AdminLTE 3 was solved as follows: Note: I have a Sidebar component tha...
27
bootstrap Modal background scrollable (iOS Safari)
Add to html: overflow: scroll; -webkit-overflow-scrolling: touch; System iOS 10.2 (iPad Mini 3) Brow...
26
react bootstrap I use ReactStrict Mode and you have some issues
I've the same issues with the <Modal />. So I am currently using the OverLay and ToolTip and the fol...
26
bootstrap [v4] Modal flickering when within .list-group-item
Quick fix for now: .list-group-item .list-group-item:hover{ z-index: auto; } Hi In some cases the mo...
25
coreui free react admin template Deploy build to Nginx give error Uncaught SyntaxError: Unexpected token <
@thangnvse try this adding this into your nginx conf Step: npm run-script build Copy built files to ...
25
bootstrap Util is not defined when referencing individual jQuery plugins (modal.js) via webpack
I find that code in 'bootstrap/js/src/util.js' was written in ES6 style: So instead of importing fil...
23
react bootstrap Stripping values property from Redux Forms?
So this is what I had to do: I created a reusable component called FieldFormComponent: Then I can do...
23
bootstrap v4 Custom File Input Dynamic "Choose file..." ::after pseudo selector
Got bitten by this today It's very strange to me to support styling something into being dysfunction...
22
ngx bootstrap Style not working on tabs
If you want to overriding bootstrap rule on the component style file I have the following setup: And...
21
ng bootstrap Feature request: Support Injection of inputs to Modal
To help everyone decide between various options presented in the design doc here is a quick recap of...
21
react bootstrap Add a modifier to Accordion.Toggle to easily say if Accordion.Collapse is collapsed
I found a workaround for you that might satisfy your need First of all thank you so much for such a ...
20
react bootstrap possible to override Dropdown toggle onClick behavior
For those arriving here from Google who want to keep a dropdown navbar item open under certain circu...
20
ngx bootstrap Forcefully close all open modals
I can't find documentation for these methods so this may stop working Is there a way to forcefully c...
19
reactstrap Modals use unsafe lifecycle methods
I am still seeing the error To replicate wrap a Modal in React.StrictMode Legacy context API has bee...
18
reactstrap Popover/Tooltip breaks if parent is smaller(height) causing memory leak.
A fix which doesn't require modifying reactstrap until it is fixed components: Popover/Tooltip react...
18
ngx bootstrap Typeahead : Could we get an example with an actual async observable?
Based on the example I did this: Combined with [typeaheadWaitMs]=300 This helps you? ...
16
bootstrap vue Babel Errors in nuxt generate 2.14
@amdp BootstrapVue Usage BootstrapVue icons ARE not automatically installed when using BootstrapVue ...
15
reactstrap Using reactstrap with redux-form: does it work? Can anyone post a working example?
You can create a wrapper component which spreads the input prop on reactstrap's Input or you should ...
15
bootstrap Add support for horizontal card
Bump! This would be awesome! ๐Ÿ’ฏ I think it's very common use case that you want to have card content...
15
bootstrap V4.beta Argument $color of darken($color, $amount) must be a color
@derkjn you need to import the functions scss before variables I have update bootstrap to 4.0.0-beta...
15
ngx bootstrap how to call modal from parent component,
@xinrui-ma I tried this and its working fine for me I am using ng2-bootstrap for the modal stuff ...
13
AdminLTE How to remember the toggle state of the sidebar menu?
I've fixed the external Script with this is your 1 question answered :) i missed this on exporting i...
13
ng bootstrap Server side rendering with universal
I tried the angular-cli guide to enable universal on an Angular app using ng-bootstrap ...
13
react bootstrap Popover dismiss on next click
@kadariyp I've been trying to figure out how to get the popover to close when you click anywhere out...
13
bootstrap _custom.scss alternatives
@supergithubo Marking a variable with !default will make the previous variable assignment important ...
12
web Improved error message when importing long notes from Lastpass
I adapted python code example from @gene1wood to make a script that produces CSV that can be importe...
12
react bootstrap Tooltip doesn't show when OverlayTrigger child is a custom React component
An easy fix is to wrap your custom component in an extra div: When I place a custom React component ...
12
reactstrap Modal Error: Cannot read property 'parentNode' of undefined
@Heizyuan upgrade your reactstrap version to: ^5.0.0-alpha.3 it worked for me Issue description comp...