FlowJo's Layout editor contains a tool for creating grids inside your layouts. In the right margin tool bar, click the grid icon. This will change the current tool in the drawing environment so as to allow you to drag out a rectangle where you want your grid to be. When you define this rectangle, FlowJo will respond will a dialog asking for the dimensions of this grid:

Fill in the dimensions and click OK, you will see a grid appear in the layout editor:

A grid is made up of cells, aligned in rows and columns. You can put any text, chart or picture into a cells of a grid. You can even embed grids inside of other grids. Below is a grid containing six different graphs. The grid container makes it easier to align graphs and to work with them collectively. When you drag a grid to a new location in your layout, all of the contents of the cells will naturally move too.

There are additional commands in the Layout menu to Put Into Grid, and to Ungrid. The former will create a new grid item and put the selected items into the cells. This is a shortcut for creating a new grid, specifying the number of rows to be 1 and the number columns to be the count of the selection in the layout, and dragging each selected item individually into a cell of the grid. The latter command will take one or more selected grids, remove the content from the cell(s) and delete the grid(s).

Deleting Cells, Rows & Columns from a Grid To delete elements of the table, click on a cell and type the delete key. You will see a dialog box requesting information about what aspect of the table you want to delete. You can choose from removing just the currently selected cell contents, or to remove the entire row or column around the selected cells. Using the command and shift keys, it is possible to select multiple cells of the table and perform several deletions in one step.

To reach the Grid Attributes dialog, double click on the grid's border, or single click to select it and select Get Info from the Layout menu. This dialog contains several options which will affect the way the table is drawn.

The first items dictate the dimensions of the grid; the number of rows and columns it contains. Set the desired lengths here to change the size of the grid. Note that decreasing grid size can cause cell data to be lost. The Fill Color and Pen Color will determine the colors used in drawing the background of the cells and the lines in the grid. Note that graphs are drawn on either a white or a black background (depending on the Inverted flag for that graph), and are not affected by changing the fill color. The area under the labels and surrounding the graph is affected by changing the fill color. Line Weight option determines how heavy the lines in the grid will be. The Inside dashing options lets you choose solid, or different lengths of dashing of the lines between the cells in the grid. The outside edge of the grid will always be solid, and is unaffected by this setting.

The settings First row contains headers, and First column contains headers are provided so that FlowJo can resize grids more intelligently. When the program knows to treat the first row or column separately, then it can avoid scaling all cells proportionally during a resize. This reserves more of the space for the actual content, and produces a more aesthetic graphic.

The group of items called Layout will determine how the cell content is positioned in the cell rectangles, and what will happen to them if the grid is resized. If the Force contents to resize with grid checkbox is set, then the full content of the graph or pictures will be rendered in the grid, regardless of the cell size. If this setting is not active, then the chart or graphic will remain its original cell, and if the cell size is smaller, then only the top left corner will be visible. This setting is available for the grid as a whole, and not each cell individually. To accomplish independent scalings you must rescale graphics outside of the grid, and then drag them into at the desired size.

Mouse click behavior

If nothing is selected in the layout, then the first click anywhere in the grid will select the entire grid. If the grid is selected, then mouse clicks are passed down into the cell. To drag a grid to a different location, you must deselect it (by clicking in the background of the layout, or on a different item) and then click and drag the grid in one step. If the grid is already selected, then a click-and-drag motion will select a cell and drag its contents.

Shortcut: Option double clicking in a grid will invoke add a textbox inside the cell of a grid, and activate the FJML editor.