jQuery Grid flex layout with cell widths equal to content and grid width equal to cell widths.

Flex layout

In flex layout:

width of columns is equal to the content in cells. This is done by calling grid.flex() method in the refresh event.
Width of grid is equal to the width of columns by using width: flex option
Height of grid is equal to height of cells by using height: flex option

Above 3 work independently of each other so you can choose any of the options for your layout. This layout works similar to normal HTML tables and is typically used for small tables. Since there is no scrollable viewport in the grid, so virtual rendering is not used.