Float move examples
If a table starts in the middle of the page but doesn’t fit within its page, the table is split into two parts: the first part stays on the first page and the second part is sent to the next page. There is a way to avoid that happening by using the container with -ah-float. First, enclose the entire table within the container with -ah-float. In addition, you can move the table enclosed within the container with -ah-float to its next page (or column) by specifying -ah-float-move with the value auto-next or move the table to its next page only if it would be split if on its current page by using auto-move. The following page explains -ah-float-move and its values, and the third and following pages are illustrative examples.
the container with -ah-float having -ah-float-move="auto-next"

If there isn’t enough space to place the table on the current page, the table is moved to the next page. The table is moved to the next page regardless of white-space even when a large amount of white-space is left on the page.

the container with -ah-float having -ah-float-move="auto-move"

The table is moved to the next page if there isn’t enough space to place it on the page. When a large amount of white-space would be left on the page because of moving the table, the table is not moved to the next page and the text surrounding the container with -ah-float containing the table is moved to the next page instead.

the container with -ah-float and -ah-float-move examples

the container with -ah-float and -ah-float-move are applied as follows. Adding an empty container with -ah-float and float="start" after a table enclosed within the container with -ah-float prevents a block that comes after the table appearing before the table when the table is moved to the next page.

<div class="float-start-auto-next"> <table> ... </table> </div> <div class="float-empty"></div> <div>Text after table</div>
Normal table placement

A table that doesn’t fit on one page is split across pages and output as separate areas.

Automatic formatting of the example table is as follows.

Item 1 Item 2 Item 3 Item 4 Item 5 Amount Content 1 Content 2
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Table within the container with -ah-float having -ah-float-move="auto-next" example 1

When there is no enough space to place the table on the page, the table is moved to the next page. The table that is moved to the next page is placed at the top.

Automatic formatting of the example table is as follows.

Item 1 Item 2 Item 3 Item 4 Item 5 Amount Content 1 Content 2
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Table within the container with -ah-float having -ah-float-move="auto-next" example 2

If there isn’t enough space to place the table on the page, the table is moved to the next page. The table that is moved to the next page is placed at the top. If the table doesn’t fit on the page where it was placed at the top then the table is split at the page when it is output.

Automatic formatting of the example table is as follows.

Item 1 Item 2 Item 3 Item 4 Item 5 Amount Content 1 Content 2
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Table within the container with -ah-float having -ah-float-move="auto-move" example 1
If there isn’t enough space to place the table on the page, the table is moved to the next page.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam bibendum tincidunt pharetra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam bibendum tincidunt pharetra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam bibendum tincidunt pharetra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam bibendum tincidunt pharetra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam bibendum tincidunt pharetra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam bibendum tincidunt pharetra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam bibendum tincidunt pharetra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam bibendum tincidunt pharetra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam bibendum tincidunt pharetra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam bibendum tincidunt pharetra.

The table follows.

Item 1 Item 2 Item 3 Item 4 Item 5 Amount Content 1 Content 2
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Table within the container with -ah-float having -ah-float-move="auto-move" example 2
If there isn’t enough space to place the table and if the table is moved to the next page it will print without moving the table because the white-space has increased. However, as shown below, the block of text located just before the table that is within the container with -ah-float is now on the next page, after the table.

The table follows.

Item 1 Item 2 Item 3 Item 4 Item 5 Amount Content 1 Content 2
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ
Product A
Product B
 Number-ABCDE Number-ABCDE Number-ABCDE Number-ABCDE 680 ABC-DE FGH-IJ