-
Notifications
You must be signed in to change notification settings - Fork 269
TableView SmartResize
Wiki ▸ Documentation ▸ TableView SmartResize
The JavaFX TableView is a powerful visualisation control used in almost every business application out there, but there has always been one critical part missing: The ability to resize columns intuitively, both by default and through configuration. As a result, many JavaFX applications are missing the polish and accessibility expected from today's business software.
The SmartResize.POLICY
tries to bridge this gap by providing sensible defaults combined with powerful and dynamic configuration options.
To apply the resize policy to a TableView we configure the columnResizePolicy
of the table. For this discussion we will use a list of hotel rooms. This is our initial table with the SmartResize Policy activated:
tableview(rooms) {
column("#", Room::id)
column("Number", Room::number)
column("Type", Room::type)
column("Bed", Room::bed)
columnResizePolicy = SmartResize.POLICY
}
Here is a picture of the table with the SmartResize policy activated:
The default settings gave each column the space it needs based on it's content and gave the remaining width to the last column. When you resize a column by dragging the divider between column headers, only the column immediately to the right will be affected, to avoid pushing the columns to the right outside the viewport of the TableView.
While this often presents a pleasant default, there is a lot more we can do to improve user experience in our particular case. It is evident that our table didn't need the full 800 pixels it was provided, but it gives us a nice chance to elaborate on the configuration options of the SmartResize policy.
The bed column is way too big, and it seems more sensible to give the extra space to the type column, since it might contain arbitrary long descriptions of the room. To give the extra space to the type column, we change it's column definition:
column("Type", Room::type).remainingWidth()
The result is show below:
- Reevaluate resize rules after adding content via
SmartResize.POLICY.requestXXX
Next: Error Handler