3.2.0
Forum Demo Guide API Store

Stretch a column

How can I stretch a column so that it fill the remaining space on the screen?
.active-column-0 {width:80px;}
.active-column-1 {background-color:threedlightshadow;}
.active-column-2 {text-align:right;width:80px;}

It this example, I want column 1 to stretch
February 2,
I don't yet see any easy solution for this one. You need to listen to the grid resize event, calculate the column size and assign it to the stylesheet rule.
Alex (ActiveWidgets)
February 2,

This topic is archived.

See also:

How do you set a columns width? GB (15)
Get selected column-1 text for multi-selection Rex Chen (14)
Fixed columns in ver 1.0 Bhaskar (12)
Row Header column with Column Header possible? Andreas (6)
Autosize Column Widths T Regal (12)
freezing columns Brian (10)
change column width in javascript Longhi (10)
Dynamically Re-Order Columns Frank (Canada) (10)
Change cell color based on another column value John Arthur (10)
Retain Scrollbar Position after Column Sort George (8)

Back to support forum

Search

New Data Grid
Angular Data Grid
React Data Grid
Vue Data Grid
Svelte Data Grid

Version 2

Looking for AW 2.6 ?
The old site is here.

ActiveWidgets is a javascript library for creating user interfaces. It offers excellent performance for complex screens while staying simple, compact and easy to learn. Deployed by thousands of commercial customers in more than 70 countries worldwide.

Copyright © ActiveWidgets 2021
Getting Started
 
Sample Code API Reference Support Forum Prices & Licensing
 
Contact Us