ant-design/components/table/__tests__/__snapshots__/demo.test.js.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-empty ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col
                  style="width:20%;min-width:20%"
                />
                <col
                  style="width:20%;min-width:20%"
                />
                <col />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-column-has-filters"
                  >
                    <span>
                      Name
                      <div
                        class="ant-table-column-sorter"
                      >
                        <span
                          class="ant-table-column-sorter-up off"
                          title="↑"
                        >
                          <i
                            class="anticon anticon-caret-up"
                          />
                        </span>
                        <span
                          class="ant-table-column-sorter-down off"
                          title="↓"
                        >
                          <i
                            class="anticon anticon-caret-down"
                          />
                        </span>
                      </div>
                    </span>
                  </th>
                  <th
                    class="ant-table-column-has-filters"
                  >
                    <span>
                      Gender
                      <i
                        class="anticon anticon-filter ant-dropdown-trigger"
                        title="Filter menu"
                      />
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Email
                    </span>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              />
            </table>
          </div>
          <div
            class="ant-table-placeholder"
          >
            No data
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/basic.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col />
                <col />
                <col />
                <col />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class=""
                  >
                    <span>
                      Name
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Age
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Address
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Action
                    </span>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <a
                      href="javascript:;"
                    >
                      John Brown
                    </a>
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    New York No. 1 Lake Park
                  </td>
                  <td
                    class=""
                  >
                    <span>
                      <a
                        href="javascript:;"
                      >
                        Action 一 John Brown
                      </a>
                      <div
                        class="ant-divider ant-divider-vertical"
                      />
                      <a
                        href="javascript:;"
                      >
                        Delete
                      </a>
                      <div
                        class="ant-divider ant-divider-vertical"
                      />
                      <a
                        class="ant-dropdown-link"
                        href="javascript:;"
                      >
                        More actions 
                        <i
                          class="anticon anticon-down"
                        />
                      </a>
                    </span>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <a
                      href="javascript:;"
                    >
                      Jim Green
                    </a>
                  </td>
                  <td
                    class=""
                  >
                    42
                  </td>
                  <td
                    class=""
                  >
                    London No. 1 Lake Park
                  </td>
                  <td
                    class=""
                  >
                    <span>
                      <a
                        href="javascript:;"
                      >
                        Action 一 Jim Green
                      </a>
                      <div
                        class="ant-divider ant-divider-vertical"
                      />
                      <a
                        href="javascript:;"
                      >
                        Delete
                      </a>
                      <div
                        class="ant-divider ant-divider-vertical"
                      />
                      <a
                        class="ant-dropdown-link"
                        href="javascript:;"
                      >
                        More actions 
                        <i
                          class="anticon anticon-down"
                        />
                      </a>
                    </span>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <a
                      href="javascript:;"
                    >
                      Joe Black
                    </a>
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    Sidney No. 1 Lake Park
                  </td>
                  <td
                    class=""
                  >
                    <span>
                      <a
                        href="javascript:;"
                      >
                        Action 一 Joe Black
                      </a>
                      <div
                        class="ant-divider ant-divider-vertical"
                      />
                      <a
                        href="javascript:;"
                      >
                        Delete
                      </a>
                      <div
                        class="ant-divider ant-divider-vertical"
                      />
                      <a
                        class="ant-dropdown-link"
                        href="javascript:;"
                      >
                        More actions 
                        <i
                          class="anticon anticon-down"
                        />
                      </a>
                    </span>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-next"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/bordered.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left"
      >
        <div
          class="ant-table-title"
        >
          Header
        </div>
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col />
                <col />
                <col />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class=""
                  >
                    <span>
                      Name
                    </span>
                  </th>
                  <th
                    class="column-money"
                  >
                    <span>
                      Cash Assets
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Address
                    </span>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <a
                      href="javascript:;"
                    >
                      John Brown
                    </a>
                  </td>
                  <td
                    class="column-money"
                  >
                    ￥300,000.00
                  </td>
                  <td
                    class=""
                  >
                    New York No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <a
                      href="javascript:;"
                    >
                      Jim Green
                    </a>
                  </td>
                  <td
                    class="column-money"
                  >
                    ￥1,256,000.00
                  </td>
                  <td
                    class=""
                  >
                    London No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <a
                      href="javascript:;"
                    >
                      Joe Black
                    </a>
                  </td>
                  <td
                    class="column-money"
                  >
                    ￥120,000.00
                  </td>
                  <td
                    class=""
                  >
                    Sidney No. 1 Lake Park
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <div
            class="ant-table-footer"
          >
            Footer
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-next"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/colspan-rowspan.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col />
                <col />
                <col />
                <col />
                <col />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class=""
                  >
                    <span>
                      Name
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Age
                    </span>
                  </th>
                  <th
                    class=""
                    colspan="2"
                  >
                    <span>
                      Home phone
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Address
                    </span>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <a
                      href="javascript:;"
                    >
                      John Brown
                    </a>
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    0571-22098909
                  </td>
                  <td
                    class=""
                  >
                    18889898989
                  </td>
                  <td
                    class=""
                  >
                    New York No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <a
                      href="javascript:;"
                    >
                      Jim Green
                    </a>
                  </td>
                  <td
                    class=""
                  >
                    42
                  </td>
                  <td
                    class=""
                  >
                    0571-22098333
                  </td>
                  <td
                    class=""
                  >
                    18889898888
                  </td>
                  <td
                    class=""
                  >
                    London No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <a
                      href="javascript:;"
                    >
                      Joe Black
                    </a>
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                    rowspan="2"
                  >
                    0575-22098909
                  </td>
                  <td
                    class=""
                  >
                    18900010002
                  </td>
                  <td
                    class=""
                  >
                    Sidney No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <a
                      href="javascript:;"
                    >
                      Jim Red
                    </a>
                  </td>
                  <td
                    class=""
                  >
                    18
                  </td>
                  <td
                    class=""
                  >
                    18900010002
                  </td>
                  <td
                    class=""
                  >
                    London No. 2 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                    colspan="5"
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <a
                      href="javascript:;"
                    >
                      Jake White
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-next"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col />
                <col />
                <col />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-column-has-filters"
                  >
                    <span>
                      Name
                      <i
                        class="anticon anticon-smile-o ant-table-filter-icon ant-dropdown-trigger"
                        style="color:#aaa"
                        title="Filter menu"
                      />
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Age
                    </span>
                  </th>
                  <th
                    class="ant-table-column-has-filters"
                  >
                    <span>
                      Address
                      <i
                        class="anticon anticon-filter ant-dropdown-trigger"
                        title="Filter menu"
                      />
                    </span>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-column-has-filters"
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    John Brown
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class="ant-table-column-has-filters"
                  >
                    New York No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-column-has-filters"
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Joe Black
                  </td>
                  <td
                    class=""
                  >
                    42
                  </td>
                  <td
                    class="ant-table-column-has-filters"
                  >
                    London No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-column-has-filters"
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Jim Green
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class="ant-table-column-has-filters"
                  >
                    Sidney No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-column-has-filters"
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Jim Red
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class="ant-table-column-has-filters"
                  >
                    London No. 2 Lake Park
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-next"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/drag-sorting.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col />
                <col />
                <col />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class=""
                  >
                    <span>
                      Name
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Age
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Address
                    </span>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                  index="0"
                  style="cursor:move"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    John Brown
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    New York No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                  index="1"
                  style="cursor:move"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Jim Green
                  </td>
                  <td
                    class=""
                  >
                    42
                  </td>
                  <td
                    class=""
                  >
                    London No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                  index="2"
                  style="cursor:move"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Joe Black
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    Sidney No. 1 Lake Park
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-next"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
<div>
  <div
    class="components-table-demo-control-bar"
  >
    <form
      class="ant-form ant-form-inline"
    >
      <div
        class="ant-row ant-form-item"
      >
        <div
          class="ant-form-item-label"
        >
          <label
            class=""
            title="Bordered"
          >
            Bordered
          </label>
        </div>
        <div
          class="ant-form-item-control-wrapper"
        >
          <div
            class="ant-form-item-control"
          >
            <span
              class="ant-form-item-children"
            >
              <span
                class="ant-switch"
                tabindex="0"
              >
                <span
                  class="ant-switch-inner"
                />
              </span>
            </span>
          </div>
        </div>
      </div>
      <div
        class="ant-row ant-form-item"
      >
        <div
          class="ant-form-item-label"
        >
          <label
            class=""
            title="loading"
          >
            loading
          </label>
        </div>
        <div
          class="ant-form-item-control-wrapper"
        >
          <div
            class="ant-form-item-control"
          >
            <span
              class="ant-form-item-children"
            >
              <span
                class="ant-switch"
                tabindex="0"
              >
                <span
                  class="ant-switch-inner"
                />
              </span>
            </span>
          </div>
        </div>
      </div>
      <div
        class="ant-row ant-form-item"
      >
        <div
          class="ant-form-item-label"
        >
          <label
            class=""
            title="Title"
          >
            Title
          </label>
        </div>
        <div
          class="ant-form-item-control-wrapper"
        >
          <div
            class="ant-form-item-control"
          >
            <span
              class="ant-form-item-children"
            >
              <span
                class="ant-switch"
                tabindex="0"
              >
                <span
                  class="ant-switch-inner"
                />
              </span>
            </span>
          </div>
        </div>
      </div>
      <div
        class="ant-row ant-form-item"
      >
        <div
          class="ant-form-item-label"
        >
          <label
            class=""
            title="Column Header"
          >
            Column Header
          </label>
        </div>
        <div
          class="ant-form-item-control-wrapper"
        >
          <div
            class="ant-form-item-control"
          >
            <span
              class="ant-form-item-children"
            >
              <span
                checked=""
                class="ant-switch ant-switch-checked"
                tabindex="0"
              >
                <span
                  class="ant-switch-inner"
                />
              </span>
            </span>
          </div>
        </div>
      </div>
      <div
        class="ant-row ant-form-item"
      >
        <div
          class="ant-form-item-label"
        >
          <label
            class=""
            title="Footer"
          >
            Footer
          </label>
        </div>
        <div
          class="ant-form-item-control-wrapper"
        >
          <div
            class="ant-form-item-control"
          >
            <span
              class="ant-form-item-children"
            >
              <span
                checked=""
                class="ant-switch ant-switch-checked"
                tabindex="0"
              >
                <span
                  class="ant-switch-inner"
                />
              </span>
            </span>
          </div>
        </div>
      </div>
      <div
        class="ant-row ant-form-item"
      >
        <div
          class="ant-form-item-label"
        >
          <label
            class=""
            title="Expandable"
          >
            Expandable
          </label>
        </div>
        <div
          class="ant-form-item-control-wrapper"
        >
          <div
            class="ant-form-item-control"
          >
            <span
              class="ant-form-item-children"
            >
              <span
                checked=""
                class="ant-switch ant-switch-checked"
                tabindex="0"
              >
                <span
                  class="ant-switch-inner"
                />
              </span>
            </span>
          </div>
        </div>
      </div>
      <div
        class="ant-row ant-form-item"
      >
        <div
          class="ant-form-item-label"
        >
          <label
            class=""
            title="Checkbox"
          >
            Checkbox
          </label>
        </div>
        <div
          class="ant-form-item-control-wrapper"
        >
          <div
            class="ant-form-item-control"
          >
            <span
              class="ant-form-item-children"
            >
              <span
                checked=""
                class="ant-switch ant-switch-checked"
                tabindex="0"
              >
                <span
                  class="ant-switch-inner"
                />
              </span>
            </span>
          </div>
        </div>
      </div>
      <div
        class="ant-row ant-form-item"
      >
        <div
          class="ant-form-item-label"
        >
          <label
            class=""
            title="Fixed Header"
          >
            Fixed Header
          </label>
        </div>
        <div
          class="ant-form-item-control-wrapper"
        >
          <div
            class="ant-form-item-control"
          >
            <span
              class="ant-form-item-children"
            >
              <span
                class="ant-switch"
                tabindex="0"
              >
                <span
                  class="ant-switch-inner"
                />
              </span>
            </span>
          </div>
        </div>
      </div>
      <div
        class="ant-row ant-form-item"
      >
        <div
          class="ant-form-item-label"
        >
          <label
            class=""
            title="Size"
          >
            Size
          </label>
        </div>
        <div
          class="ant-form-item-control-wrapper"
        >
          <div
            class="ant-form-item-control"
          >
            <span
              class="ant-form-item-children"
            >
              <div
                class="ant-radio-group ant-radio-group-default"
              >
                <label
                  class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
                >
                  <span
                    class="ant-radio-button ant-radio-button-checked"
                  >
                    <input
                      checked=""
                      class="ant-radio-button-input"
                      type="radio"
                      value="default"
                    />
                    <span
                      class="ant-radio-button-inner"
                    />
                  </span>
                  <span>
                    Default
                  </span>
                </label>
                <label
                  class="ant-radio-button-wrapper"
                >
                  <span
                    class="ant-radio-button"
                  >
                    <input
                      class="ant-radio-button-input"
                      type="radio"
                      value="middle"
                    />
                    <span
                      class="ant-radio-button-inner"
                    />
                  </span>
                  <span>
                    Middle
                  </span>
                </label>
                <label
                  class="ant-radio-button-wrapper"
                >
                  <span
                    class="ant-radio-button"
                  >
                    <input
                      class="ant-radio-button-input"
                      type="radio"
                      value="small"
                    />
                    <span
                      class="ant-radio-button-inner"
                    />
                  </span>
                  <span>
                    Small
                  </span>
                </label>
              </div>
            </span>
          </div>
        </div>
      </div>
      <div
        class="ant-row ant-form-item"
      >
        <div
          class="ant-form-item-label"
        >
          <label
            class=""
            title="Pagination"
          >
            Pagination
          </label>
        </div>
        <div
          class="ant-form-item-control-wrapper"
        >
          <div
            class="ant-form-item-control"
          >
            <span
              class="ant-form-item-children"
            >
              <div
                class="ant-radio-group"
              >
                <label
                  class="ant-radio-button-wrapper"
                >
                  <span
                    class="ant-radio-button"
                  >
                    <input
                      class="ant-radio-button-input"
                      type="radio"
                      value="top"
                    />
                    <span
                      class="ant-radio-button-inner"
                    />
                  </span>
                  <span>
                    Top
                  </span>
                </label>
                <label
                  class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
                >
                  <span
                    class="ant-radio-button ant-radio-button-checked"
                  >
                    <input
                      checked=""
                      class="ant-radio-button-input"
                      type="radio"
                      value="bottom"
                    />
                    <span
                      class="ant-radio-button-inner"
                    />
                  </span>
                  <span>
                    Bottom
                  </span>
                </label>
                <label
                  class="ant-radio-button-wrapper"
                >
                  <span
                    class="ant-radio-button"
                  >
                    <input
                      class="ant-radio-button-input"
                      type="radio"
                      value="both"
                    />
                    <span
                      class="ant-radio-button-inner"
                    />
                  </span>
                  <span>
                    Both
                  </span>
                </label>
                <label
                  class="ant-radio-button-wrapper"
                >
                  <span
                    class="ant-radio-button"
                  >
                    <input
                      class="ant-radio-button-input"
                      type="radio"
                      value="none"
                    />
                    <span
                      class="ant-radio-button-inner"
                    />
                  </span>
                  <span>
                    None
                  </span>
                </label>
              </div>
            </span>
          </div>
        </div>
      </div>
    </form>
  </div>
  <div
    class="ant-table-wrapper"
  >
    <div
      class="ant-spin-nested-loading"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="ant-table ant-table-default ant-table-scroll-position-left"
        >
          <div
            class="ant-table-content"
          >
            <div
              class="ant-table-body"
            >
              <table
                class=""
              >
                <colgroup>
                  <col
                    class="ant-table-expand-icon-col"
                  />
                  <col />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col
                    style="width:70px;min-width:70px"
                  />
                  <col />
                  <col
                    style="width:360px;min-width:360px"
                  />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-expand-icon-th"
                      rowspan="1"
                      title=""
                    />
                    <th
                      class="ant-table-selection-column"
                    >
                      <span>
                        <div
                          class="ant-table-selection"
                        >
                          <label
                            class="ant-checkbox-wrapper"
                          >
                            <span
                              class="ant-checkbox"
                            >
                              <input
                                class="ant-checkbox-input"
                                type="checkbox"
                              />
                              <span
                                class="ant-checkbox-inner"
                              />
                            </span>
                          </label>
                        </div>
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Name
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Age
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Address
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Action
                      </span>
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-row-expand-icon-cell"
                    >
                      <span
                        class="ant-table-row-expand-icon ant-table-row-collapsed"
                      />
                    </td>
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        John Brown
                      </a>
                    </td>
                    <td
                      class=""
                    >
                      12
                    </td>
                    <td
                      class=""
                    >
                      New York No. 1 Lake Park
                    </td>
                    <td
                      class=""
                    >
                      <span>
                        <a
                          href="javascript:;"
                        >
                          Action 一 John Brown
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          href="javascript:;"
                        >
                          Delete
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          class="ant-dropdown-link"
                          href="javascript:;"
                        >
                          More actions 
                          <i
                            class="anticon anticon-down"
                          />
                        </a>
                      </span>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-row-expand-icon-cell"
                    >
                      <span
                        class="ant-table-row-expand-icon ant-table-row-collapsed"
                      />
                    </td>
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        John Brown
                      </a>
                    </td>
                    <td
                      class=""
                    >
                      22
                    </td>
                    <td
                      class=""
                    >
                      New York No. 2 Lake Park
                    </td>
                    <td
                      class=""
                    >
                      <span>
                        <a
                          href="javascript:;"
                        >
                          Action 一 John Brown
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          href="javascript:;"
                        >
                          Delete
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          class="ant-dropdown-link"
                          href="javascript:;"
                        >
                          More actions 
                          <i
                            class="anticon anticon-down"
                          />
                        </a>
                      </span>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-row-expand-icon-cell"
                    >
                      <span
                        class="ant-table-row-expand-icon ant-table-row-collapsed"
                      />
                    </td>
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        John Brown
                      </a>
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      New York No. 3 Lake Park
                    </td>
                    <td
                      class=""
                    >
                      <span>
                        <a
                          href="javascript:;"
                        >
                          Action 一 John Brown
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          href="javascript:;"
                        >
                          Delete
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          class="ant-dropdown-link"
                          href="javascript:;"
                        >
                          More actions 
                          <i
                            class="anticon anticon-down"
                          />
                        </a>
                      </span>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-row-expand-icon-cell"
                    >
                      <span
                        class="ant-table-row-expand-icon ant-table-row-collapsed"
                      />
                    </td>
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        John Brown
                      </a>
                    </td>
                    <td
                      class=""
                    >
                      42
                    </td>
                    <td
                      class=""
                    >
                      New York No. 4 Lake Park
                    </td>
                    <td
                      class=""
                    >
                      <span>
                        <a
                          href="javascript:;"
                        >
                          Action 一 John Brown
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          href="javascript:;"
                        >
                          Delete
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          class="ant-dropdown-link"
                          href="javascript:;"
                        >
                          More actions 
                          <i
                            class="anticon anticon-down"
                          />
                        </a>
                      </span>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-row-expand-icon-cell"
                    >
                      <span
                        class="ant-table-row-expand-icon ant-table-row-collapsed"
                      />
                    </td>
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        John Brown
                      </a>
                    </td>
                    <td
                      class=""
                    >
                      52
                    </td>
                    <td
                      class=""
                    >
                      New York No. 5 Lake Park
                    </td>
                    <td
                      class=""
                    >
                      <span>
                        <a
                          href="javascript:;"
                        >
                          Action 一 John Brown
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          href="javascript:;"
                        >
                          Delete
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          class="ant-dropdown-link"
                          href="javascript:;"
                        >
                          More actions 
                          <i
                            class="anticon anticon-down"
                          />
                        </a>
                      </span>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-row-expand-icon-cell"
                    >
                      <span
                        class="ant-table-row-expand-icon ant-table-row-collapsed"
                      />
                    </td>
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        John Brown
                      </a>
                    </td>
                    <td
                      class=""
                    >
                      62
                    </td>
                    <td
                      class=""
                    >
                      New York No. 6 Lake Park
                    </td>
                    <td
                      class=""
                    >
                      <span>
                        <a
                          href="javascript:;"
                        >
                          Action 一 John Brown
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          href="javascript:;"
                        >
                          Delete
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          class="ant-dropdown-link"
                          href="javascript:;"
                        >
                          More actions 
                          <i
                            class="anticon anticon-down"
                          />
                        </a>
                      </span>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-row-expand-icon-cell"
                    >
                      <span
                        class="ant-table-row-expand-icon ant-table-row-collapsed"
                      />
                    </td>
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        John Brown
                      </a>
                    </td>
                    <td
                      class=""
                    >
                      72
                    </td>
                    <td
                      class=""
                    >
                      New York No. 7 Lake Park
                    </td>
                    <td
                      class=""
                    >
                      <span>
                        <a
                          href="javascript:;"
                        >
                          Action 一 John Brown
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          href="javascript:;"
                        >
                          Delete
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          class="ant-dropdown-link"
                          href="javascript:;"
                        >
                          More actions 
                          <i
                            class="anticon anticon-down"
                          />
                        </a>
                      </span>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-row-expand-icon-cell"
                    >
                      <span
                        class="ant-table-row-expand-icon ant-table-row-collapsed"
                      />
                    </td>
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        John Brown
                      </a>
                    </td>
                    <td
                      class=""
                    >
                      82
                    </td>
                    <td
                      class=""
                    >
                      New York No. 8 Lake Park
                    </td>
                    <td
                      class=""
                    >
                      <span>
                        <a
                          href="javascript:;"
                        >
                          Action 一 John Brown
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          href="javascript:;"
                        >
                          Delete
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          class="ant-dropdown-link"
                          href="javascript:;"
                        >
                          More actions 
                          <i
                            class="anticon anticon-down"
                          />
                        </a>
                      </span>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-row-expand-icon-cell"
                    >
                      <span
                        class="ant-table-row-expand-icon ant-table-row-collapsed"
                      />
                    </td>
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        John Brown
                      </a>
                    </td>
                    <td
                      class=""
                    >
                      92
                    </td>
                    <td
                      class=""
                    >
                      New York No. 9 Lake Park
                    </td>
                    <td
                      class=""
                    >
                      <span>
                        <a
                          href="javascript:;"
                        >
                          Action 一 John Brown
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          href="javascript:;"
                        >
                          Delete
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          class="ant-dropdown-link"
                          href="javascript:;"
                        >
                          More actions 
                          <i
                            class="anticon anticon-down"
                          />
                        </a>
                      </span>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-row-expand-icon-cell"
                    >
                      <span
                        class="ant-table-row-expand-icon ant-table-row-collapsed"
                      />
                    </td>
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        John Brown
                      </a>
                    </td>
                    <td
                      class=""
                    >
                      102
                    </td>
                    <td
                      class=""
                    >
                      New York No. 10 Lake Park
                    </td>
                    <td
                      class=""
                    >
                      <span>
                        <a
                          href="javascript:;"
                        >
                          Action 一 John Brown
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          href="javascript:;"
                        >
                          Delete
                        </a>
                        <div
                          class="ant-divider ant-divider-vertical"
                        />
                        <a
                          class="ant-dropdown-link"
                          href="javascript:;"
                        >
                          More actions 
                          <i
                            class="anticon anticon-down"
                          />
                        </a>
                      </span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div
              class="ant-table-footer"
            >
              Here is footer
            </div>
          </div>
        </div>
        <ul
          class="ant-pagination ant-table-pagination"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-disabled ant-pagination-prev"
            title="Previous Page"
          >
            <a
              class="ant-pagination-item-link"
            />
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a>
              1
            </a>
          </li>
          <li
            aria-disabled="true"
            class="ant-pagination-disabled ant-pagination-next"
            title="Next Page"
          >
            <a
              class="ant-pagination-item-link"
            />
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
<div>
  <button
    class="ant-btn editable-add-btn"
    type="button"
  >
    <span>
      Add
    </span>
  </button>
  <div
    class="ant-table-wrapper"
  >
    <div
      class="ant-spin-nested-loading"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left"
        >
          <div
            class="ant-table-content"
          >
            <div
              class="ant-table-body"
            >
              <table
                class=""
              >
                <colgroup>
                  <col
                    style="width:30%;min-width:30%"
                  />
                  <col />
                  <col />
                  <col />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class=""
                    >
                      <span>
                        name
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        age
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        address
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        operation
                      </span>
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      <div
                        class="editable-cell"
                      >
                        <div
                          class="editable-cell-text-wrapper"
                        >
                          Edward King 0
                          <i
                            class="anticon anticon-edit editable-cell-icon"
                          />
                        </div>
                      </div>
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 0
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        Delete
                      </a>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      <div
                        class="editable-cell"
                      >
                        <div
                          class="editable-cell-text-wrapper"
                        >
                          Edward King 1
                          <i
                            class="anticon anticon-edit editable-cell-icon"
                          />
                        </div>
                      </div>
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 1
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        Delete
                      </a>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <ul
          class="ant-pagination ant-table-pagination"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-disabled ant-pagination-prev"
            title="Previous Page"
          >
            <a
              class="ant-pagination-item-link"
            />
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a>
              1
            </a>
          </li>
          <li
            aria-disabled="true"
            class="ant-pagination-disabled ant-pagination-next"
            title="Next Page"
          >
            <a
              class="ant-pagination-item-link"
            />
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-bordered ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col
                  style="width:25%;min-width:25%"
                />
                <col
                  style="width:15%;min-width:15%"
                />
                <col
                  style="width:40%;min-width:40%"
                />
                <col />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class=""
                  >
                    <span>
                      name
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      age
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      address
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      operation
                    </span>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edrward 0
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London Park no. 0
                  </td>
                  <td
                    class=""
                  >
                    <div
                      class="editable-row-operations"
                    >
                      <a>
                        Edit
                      </a>
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edrward 1
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London Park no. 1
                  </td>
                  <td
                    class=""
                  >
                    <div
                      class="editable-row-operations"
                    >
                      <a>
                        Edit
                      </a>
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edrward 2
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London Park no. 2
                  </td>
                  <td
                    class=""
                  >
                    <div
                      class="editable-row-operations"
                    >
                      <a>
                        Edit
                      </a>
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edrward 3
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London Park no. 3
                  </td>
                  <td
                    class=""
                  >
                    <div
                      class="editable-row-operations"
                    >
                      <a>
                        Edit
                      </a>
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edrward 4
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London Park no. 4
                  </td>
                  <td
                    class=""
                  >
                    <div
                      class="editable-row-operations"
                    >
                      <a>
                        Edit
                      </a>
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edrward 5
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London Park no. 5
                  </td>
                  <td
                    class=""
                  >
                    <div
                      class="editable-row-operations"
                    >
                      <a>
                        Edit
                      </a>
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edrward 6
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London Park no. 6
                  </td>
                  <td
                    class=""
                  >
                    <div
                      class="editable-row-operations"
                    >
                      <a>
                        Edit
                      </a>
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edrward 7
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London Park no. 7
                  </td>
                  <td
                    class=""
                  >
                    <div
                      class="editable-row-operations"
                    >
                      <a>
                        Edit
                      </a>
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edrward 8
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London Park no. 8
                  </td>
                  <td
                    class=""
                  >
                    <div
                      class="editable-row-operations"
                    >
                      <a>
                        Edit
                      </a>
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edrward 9
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London Park no. 9
                  </td>
                  <td
                    class=""
                  >
                    <div
                      class="editable-row-operations"
                    >
                      <a>
                        Edit
                      </a>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-2"
          tabindex="0"
          title="2"
        >
          <a>
            2
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-3"
          tabindex="0"
          title="3"
        >
          <a>
            3
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-4"
          tabindex="0"
          title="4"
        >
          <a>
            4
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
          tabindex="0"
          title="5"
        >
          <a>
            5
          </a>
        </li>
        <li
          class="ant-pagination-jump-next"
          tabindex="0"
          title="Next 5 Pages"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-10"
          tabindex="0"
          title="10"
        >
          <a>
            10
          </a>
        </li>
        <li
          aria-disabled="false"
          class=" ant-pagination-next"
          tabindex="0"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/expand.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col
                  class="ant-table-expand-icon-col"
                />
                <col />
                <col />
                <col />
                <col />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-expand-icon-th"
                    rowspan="1"
                    title=""
                  />
                  <th
                    class=""
                  >
                    <span>
                      Name
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Age
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Address
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Action
                    </span>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-row-expand-icon-cell"
                  >
                    <span
                      class="ant-table-row-expand-icon ant-table-row-collapsed"
                    />
                  </td>
                  <td
                    class=""
                  >
                    John Brown
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    New York No. 1 Lake Park
                  </td>
                  <td
                    class=""
                  >
                    <a
                      href="javascript:;"
                    >
                      Delete
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-row-expand-icon-cell"
                  >
                    <span
                      class="ant-table-row-expand-icon ant-table-row-collapsed"
                    />
                  </td>
                  <td
                    class=""
                  >
                    Jim Green
                  </td>
                  <td
                    class=""
                  >
                    42
                  </td>
                  <td
                    class=""
                  >
                    London No. 1 Lake Park
                  </td>
                  <td
                    class=""
                  >
                    <a
                      href="javascript:;"
                    >
                      Delete
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-row-expand-icon-cell"
                  >
                    <span
                      class="ant-table-row-expand-icon ant-table-row-collapsed"
                    />
                  </td>
                  <td
                    class=""
                  >
                    Joe Black
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    Sidney No. 1 Lake Park
                  </td>
                  <td
                    class=""
                  >
                    <a
                      href="javascript:;"
                    >
                      Delete
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-next"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/expand-children.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col />
                <col />
                <col
                  style="width:12%;min-width:12%"
                />
                <col
                  style="width:30%;min-width:30%"
                />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-selection-column"
                  >
                    <span>
                      <div
                        class="ant-table-selection"
                      >
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </div>
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Name
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Age
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Address
                    </span>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-selection-column"
                  >
                    <span>
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </span>
                  </td>
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <span
                      class="ant-table-row-expand-icon ant-table-row-collapsed"
                    />
                    John Brown sr.
                  </td>
                  <td
                    class=""
                  >
                    60
                  </td>
                  <td
                    class=""
                  >
                    New York No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-selection-column"
                  >
                    <span>
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </span>
                  </td>
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <span
                      class="ant-table-row-expand-icon ant-table-row-spaced"
                    />
                    Joe Black
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    Sidney No. 1 Lake Park
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-next"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-scroll"
          >
            <div
              class="ant-table-body"
              style="overflow-x:scroll;-webkit-transform:translate3d (0, 0, 0)"
            >
              <table
                class="ant-table-fixed"
                style="width:1300px"
              >
                <colgroup>
                  <col
                    style="width:100px;min-width:100px"
                  />
                  <col
                    style="width:100px;min-width:100px"
                  />
                  <col />
                  <col />
                  <col />
                  <col />
                  <col />
                  <col />
                  <col />
                  <col />
                  <col
                    style="width:100px;min-width:100px"
                  />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class=""
                    >
                      <span>
                        Full Name
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Age
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Column 1
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Column 2
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Column 3
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Column 4
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Column 5
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Column 6
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Column 7
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Column 8
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Action
                      </span>
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      John Brown
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      New York Park
                    </td>
                    <td
                      class=""
                    >
                      New York Park
                    </td>
                    <td
                      class=""
                    >
                      New York Park
                    </td>
                    <td
                      class=""
                    >
                      New York Park
                    </td>
                    <td
                      class=""
                    >
                      New York Park
                    </td>
                    <td
                      class=""
                    >
                      New York Park
                    </td>
                    <td
                      class=""
                    >
                      New York Park
                    </td>
                    <td
                      class=""
                    >
                      New York Park
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        action
                      </a>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Jim Green
                    </td>
                    <td
                      class=""
                    >
                      40
                    </td>
                    <td
                      class=""
                    >
                      London Park
                    </td>
                    <td
                      class=""
                    >
                      London Park
                    </td>
                    <td
                      class=""
                    >
                      London Park
                    </td>
                    <td
                      class=""
                    >
                      London Park
                    </td>
                    <td
                      class=""
                    >
                      London Park
                    </td>
                    <td
                      class=""
                    >
                      London Park
                    </td>
                    <td
                      class=""
                    >
                      London Park
                    </td>
                    <td
                      class=""
                    >
                      London Park
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        action
                      </a>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <div
            class="ant-table-fixed-left"
          >
            <div
              class="ant-table-body-outer"
              style="-webkit-transform:translate3d (0, 0, 0)"
            >
              <div
                class="ant-table-body-inner"
              >
                <table
                  class="ant-table-fixed"
                >
                  <colgroup>
                    <col
                      style="width:100px;min-width:100px"
                    />
                    <col
                      style="width:100px;min-width:100px"
                    />
                  </colgroup>
                  <thead
                    class="ant-table-thead"
                  >
                    <tr>
                      <th
                        class=""
                      >
                        <span>
                          Full Name
                        </span>
                      </th>
                      <th
                        class=""
                      >
                        <span>
                          Age
                        </span>
                      </th>
                    </tr>
                  </thead>
                  <tbody
                    class="ant-table-tbody"
                  >
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        John Brown
                      </td>
                      <td
                        class=""
                      >
                        32
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        Jim Green
                      </td>
                      <td
                        class=""
                      >
                        40
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <div
            class="ant-table-fixed-right"
          >
            <div
              class="ant-table-body-outer"
              style="-webkit-transform:translate3d (0, 0, 0)"
            >
              <div
                class="ant-table-body-inner"
              >
                <table
                  class="ant-table-fixed"
                >
                  <colgroup>
                    <col
                      style="width:100px;min-width:100px"
                    />
                  </colgroup>
                  <thead
                    class="ant-table-thead"
                  >
                    <tr>
                      <th
                        class=""
                      >
                        <span>
                          Action
                        </span>
                      </th>
                    </tr>
                  </thead>
                  <tbody
                    class="ant-table-tbody"
                  >
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <a
                          href="javascript:;"
                        >
                          action
                        </a>
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <a
                          href="javascript:;"
                        >
                          action
                        </a>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-next"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-fixed-header ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-scroll"
          >
            <div
              class="ant-table-header"
            >
              <table
                class="ant-table-fixed"
                style="width:1500px"
              >
                <colgroup>
                  <col
                    style="width:100px;min-width:100px"
                  />
                  <col
                    style="width:100px;min-width:100px"
                  />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col />
                  <col
                    style="width:100px;min-width:100px"
                  />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class=""
                    >
                      <span>
                        Full Name
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Age
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Column 1
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Column 2
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Column 3
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Column 4
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Column 5
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Column 6
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Column 7
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Column 8
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Action
                      </span>
                    </th>
                  </tr>
                </thead>
              </table>
            </div>
            <div
              class="ant-table-body"
              style="overflow-x:scroll;-webkit-transform:translate3d (0, 0, 0);max-height:300px;overflow-y:scroll"
            >
              <table
                class="ant-table-fixed"
                style="width:1500px"
              >
                <colgroup>
                  <col
                    style="width:100px;min-width:100px"
                  />
                  <col
                    style="width:100px;min-width:100px"
                  />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col />
                  <col
                    style="width:100px;min-width:100px"
                  />
                </colgroup>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edrward 0
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 0
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 0
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 0
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 0
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 0
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 0
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 0
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 0
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        action
                      </a>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edrward 1
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 1
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 1
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 1
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 1
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 1
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 1
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 1
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 1
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        action
                      </a>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edrward 2
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 2
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 2
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 2
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 2
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 2
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 2
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 2
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 2
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        action
                      </a>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edrward 3
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 3
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 3
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 3
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 3
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 3
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 3
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 3
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 3
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        action
                      </a>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edrward 4
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 4
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 4
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 4
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 4
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 4
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 4
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 4
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 4
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        action
                      </a>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edrward 5
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 5
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 5
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 5
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 5
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 5
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 5
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 5
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 5
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        action
                      </a>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edrward 6
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 6
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 6
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 6
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 6
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 6
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 6
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 6
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 6
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        action
                      </a>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edrward 7
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 7
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 7
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 7
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 7
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 7
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 7
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 7
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 7
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        action
                      </a>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edrward 8
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 8
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 8
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 8
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 8
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 8
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 8
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 8
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 8
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        action
                      </a>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edrward 9
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 9
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 9
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 9
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 9
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 9
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 9
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 9
                    </td>
                    <td
                      class=""
                    >
                      London Park no. 9
                    </td>
                    <td
                      class=""
                    >
                      <a
                        href="javascript:;"
                      >
                        action
                      </a>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <div
            class="ant-table-fixed-left"
          >
            <div
              class="ant-table-header"
            >
              <table
                class="ant-table-fixed"
              >
                <colgroup>
                  <col
                    style="width:100px;min-width:100px"
                  />
                  <col
                    style="width:100px;min-width:100px"
                  />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class=""
                    >
                      <span>
                        Full Name
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Age
                      </span>
                    </th>
                  </tr>
                </thead>
              </table>
            </div>
            <div
              class="ant-table-body-outer"
              style="-webkit-transform:translate3d (0, 0, 0)"
            >
              <div
                class="ant-table-body-inner"
                style="max-height:300px;overflow-y:scroll"
              >
                <table
                  class="ant-table-fixed"
                >
                  <colgroup>
                    <col
                      style="width:100px;min-width:100px"
                    />
                    <col
                      style="width:100px;min-width:100px"
                    />
                  </colgroup>
                  <tbody
                    class="ant-table-tbody"
                  >
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        Edrward 0
                      </td>
                      <td
                        class=""
                      >
                        32
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        Edrward 1
                      </td>
                      <td
                        class=""
                      >
                        32
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        Edrward 2
                      </td>
                      <td
                        class=""
                      >
                        32
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        Edrward 3
                      </td>
                      <td
                        class=""
                      >
                        32
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        Edrward 4
                      </td>
                      <td
                        class=""
                      >
                        32
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        Edrward 5
                      </td>
                      <td
                        class=""
                      >
                        32
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        Edrward 6
                      </td>
                      <td
                        class=""
                      >
                        32
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        Edrward 7
                      </td>
                      <td
                        class=""
                      >
                        32
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        Edrward 8
                      </td>
                      <td
                        class=""
                      >
                        32
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        Edrward 9
                      </td>
                      <td
                        class=""
                      >
                        32
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <div
            class="ant-table-fixed-right"
          >
            <div
              class="ant-table-header"
            >
              <table
                class="ant-table-fixed"
              >
                <colgroup>
                  <col
                    style="width:100px;min-width:100px"
                  />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class=""
                    >
                      <span>
                        Action
                      </span>
                    </th>
                  </tr>
                </thead>
              </table>
            </div>
            <div
              class="ant-table-body-outer"
              style="-webkit-transform:translate3d (0, 0, 0)"
            >
              <div
                class="ant-table-body-inner"
                style="max-height:300px;overflow-y:scroll"
              >
                <table
                  class="ant-table-fixed"
                >
                  <colgroup>
                    <col
                      style="width:100px;min-width:100px"
                    />
                  </colgroup>
                  <tbody
                    class="ant-table-tbody"
                  >
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <a
                          href="javascript:;"
                        >
                          action
                        </a>
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <a
                          href="javascript:;"
                        >
                          action
                        </a>
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <a
                          href="javascript:;"
                        >
                          action
                        </a>
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <a
                          href="javascript:;"
                        >
                          action
                        </a>
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <a
                          href="javascript:;"
                        >
                          action
                        </a>
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <a
                          href="javascript:;"
                        >
                          action
                        </a>
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <a
                          href="javascript:;"
                        >
                          action
                        </a>
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <a
                          href="javascript:;"
                        >
                          action
                        </a>
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <a
                          href="javascript:;"
                        >
                          action
                        </a>
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        <a
                          href="javascript:;"
                        >
                          action
                        </a>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-2"
          tabindex="0"
          title="2"
        >
          <a>
            2
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-3"
          tabindex="0"
          title="3"
        >
          <a>
            3
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-4"
          tabindex="0"
          title="4"
        >
          <a>
            4
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
          tabindex="0"
          title="5"
        >
          <a>
            5
          </a>
        </li>
        <li
          class="ant-pagination-jump-next"
          tabindex="0"
          title="Next 5 Pages"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-10"
          tabindex="0"
          title="10"
        >
          <a>
            10
          </a>
        </li>
        <li
          aria-disabled="false"
          class=" ant-pagination-next"
          tabindex="0"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-fixed-header ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-scroll"
          >
            <div
              class="ant-table-header"
            >
              <table
                class=""
              >
                <colgroup>
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class=""
                    >
                      <span>
                        Name
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Age
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Address
                      </span>
                    </th>
                  </tr>
                </thead>
              </table>
            </div>
            <div
              class="ant-table-body"
              style="max-height:240px;overflow-y:scroll"
            >
              <table
                class=""
              >
                <colgroup>
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col
                    style="width:150px;min-width:150px"
                  />
                  <col />
                </colgroup>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 0
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 0
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 1
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 1
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 2
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 2
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 3
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 3
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 4
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 4
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 5
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 5
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 6
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 6
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 7
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 7
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 8
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 8
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 9
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 9
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 10
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 10
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 11
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 11
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 12
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 12
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 13
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 13
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 14
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 14
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 15
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 15
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 16
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 16
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 17
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 17
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 18
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 18
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 19
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 19
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 20
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 20
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 21
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 21
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 22
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 22
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 23
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 23
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 24
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 24
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 25
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 25
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 26
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 26
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 27
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 27
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 28
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 28
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 29
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 29
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 30
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 30
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 31
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 31
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 32
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 32
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 33
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 33
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 34
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 34
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 35
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 35
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 36
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 36
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 37
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 37
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 38
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 38
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 39
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 39
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 40
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 40
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 41
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 41
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 42
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 42
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 43
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 43
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 44
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 44
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 45
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 45
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 46
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 46
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 47
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 47
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 48
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 48
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 49
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 49
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-2"
          tabindex="0"
          title="2"
        >
          <a>
            2
          </a>
        </li>
        <li
          aria-disabled="false"
          class=" ant-pagination-next"
          tabindex="0"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-middle ant-table-bordered ant-table-fixed-header ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-scroll"
          >
            <div
              class="ant-table-header"
            >
              <table
                class="ant-table-fixed"
                style="width:130%"
              >
                <colgroup>
                  <col
                    style="width:100px;min-width:100px"
                  />
                  <col
                    style="width:200px;min-width:200px"
                  />
                  <col
                    style="width:200px;min-width:200px"
                  />
                  <col
                    style="width:100px;min-width:100px"
                  />
                  <col
                    style="width:100px;min-width:100px"
                  />
                  <col />
                  <col />
                  <col
                    style="width:60px;min-width:60px"
                  />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-column-has-filters"
                      rowspan="4"
                    >
                      <span>
                        Name
                        <i
                          class="anticon anticon-filter ant-dropdown-trigger"
                          title="Filter menu"
                        />
                      </span>
                    </th>
                    <th
                      class=""
                      colspan="4"
                    >
                      <span>
                        Other
                      </span>
                    </th>
                    <th
                      class=""
                      colspan="2"
                    >
                      <span>
                        Company
                      </span>
                    </th>
                    <th
                      class=""
                      rowspan="4"
                    >
                      <span>
                        Gender
                      </span>
                    </th>
                  </tr>
                  <tr>
                    <th
                      class="ant-table-column-has-filters"
                      rowspan="3"
                    >
                      <span>
                        Age
                        <div
                          class="ant-table-column-sorter"
                        >
                          <span
                            class="ant-table-column-sorter-up off"
                            title="↑"
                          >
                            <i
                              class="anticon anticon-caret-up"
                            />
                          </span>
                          <span
                            class="ant-table-column-sorter-down off"
                            title="↓"
                          >
                            <i
                              class="anticon anticon-caret-down"
                            />
                          </span>
                        </div>
                      </span>
                    </th>
                    <th
                      class=""
                      colspan="3"
                    >
                      <span>
                        Address
                      </span>
                    </th>
                    <th
                      class=""
                      rowspan="3"
                    >
                      <span>
                        Company Address
                      </span>
                    </th>
                    <th
                      class=""
                      rowspan="3"
                    >
                      <span>
                        Company Name
                      </span>
                    </th>
                  </tr>
                  <tr>
                    <th
                      class=""
                      rowspan="2"
                    >
                      <span>
                        Street
                      </span>
                    </th>
                    <th
                      class=""
                      colspan="2"
                    >
                      <span>
                        Block
                      </span>
                    </th>
                  </tr>
                  <tr>
                    <th
                      class=""
                    >
                      <span>
                        Building
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Door No.
                      </span>
                    </th>
                  </tr>
                </thead>
              </table>
            </div>
            <div
              class="ant-table-body"
              style="overflow-x:scroll;-webkit-transform:translate3d (0, 0, 0);max-height:240px;overflow-y:scroll"
            >
              <table
                class="ant-table-fixed"
                style="width:130%"
              >
                <colgroup>
                  <col
                    style="width:100px;min-width:100px"
                  />
                  <col
                    style="width:200px;min-width:200px"
                  />
                  <col
                    style="width:200px;min-width:200px"
                  />
                  <col
                    style="width:100px;min-width:100px"
                  />
                  <col
                    style="width:100px;min-width:100px"
                  />
                  <col />
                  <col />
                  <col
                    style="width:60px;min-width:60px"
                  />
                </colgroup>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-column-has-filters"
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      John Brown
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      1
                    </td>
                    <td
                      class=""
                    >
                      Lake Park
                    </td>
                    <td
                      class=""
                    >
                      C
                    </td>
                    <td
                      class=""
                    >
                      2035
                    </td>
                    <td
                      class=""
                    >
                      Lake Street 42
                    </td>
                    <td
                      class=""
                    >
                      SoftLake Co
                    </td>
                    <td
                      class=""
                    >
                      M
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-column-has-filters"
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      John Brown
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      2
                    </td>
                    <td
                      class=""
                    >
                      Lake Park
                    </td>
                    <td
                      class=""
                    >
                      C
                    </td>
                    <td
                      class=""
                    >
                      2035
                    </td>
                    <td
                      class=""
                    >
                      Lake Street 42
                    </td>
                    <td
                      class=""
                    >
                      SoftLake Co
                    </td>
                    <td
                      class=""
                    >
                      M
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-column-has-filters"
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      John Brown
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      3
                    </td>
                    <td
                      class=""
                    >
                      Lake Park
                    </td>
                    <td
                      class=""
                    >
                      C
                    </td>
                    <td
                      class=""
                    >
                      2035
                    </td>
                    <td
                      class=""
                    >
                      Lake Street 42
                    </td>
                    <td
                      class=""
                    >
                      SoftLake Co
                    </td>
                    <td
                      class=""
                    >
                      M
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-column-has-filters"
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      John Brown
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      4
                    </td>
                    <td
                      class=""
                    >
                      Lake Park
                    </td>
                    <td
                      class=""
                    >
                      C
                    </td>
                    <td
                      class=""
                    >
                      2035
                    </td>
                    <td
                      class=""
                    >
                      Lake Street 42
                    </td>
                    <td
                      class=""
                    >
                      SoftLake Co
                    </td>
                    <td
                      class=""
                    >
                      M
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-column-has-filters"
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      John Brown
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      5
                    </td>
                    <td
                      class=""
                    >
                      Lake Park
                    </td>
                    <td
                      class=""
                    >
                      C
                    </td>
                    <td
                      class=""
                    >
                      2035
                    </td>
                    <td
                      class=""
                    >
                      Lake Street 42
                    </td>
                    <td
                      class=""
                    >
                      SoftLake Co
                    </td>
                    <td
                      class=""
                    >
                      M
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-column-has-filters"
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      John Brown
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      6
                    </td>
                    <td
                      class=""
                    >
                      Lake Park
                    </td>
                    <td
                      class=""
                    >
                      C
                    </td>
                    <td
                      class=""
                    >
                      2035
                    </td>
                    <td
                      class=""
                    >
                      Lake Street 42
                    </td>
                    <td
                      class=""
                    >
                      SoftLake Co
                    </td>
                    <td
                      class=""
                    >
                      M
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-column-has-filters"
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      John Brown
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      7
                    </td>
                    <td
                      class=""
                    >
                      Lake Park
                    </td>
                    <td
                      class=""
                    >
                      C
                    </td>
                    <td
                      class=""
                    >
                      2035
                    </td>
                    <td
                      class=""
                    >
                      Lake Street 42
                    </td>
                    <td
                      class=""
                    >
                      SoftLake Co
                    </td>
                    <td
                      class=""
                    >
                      M
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-column-has-filters"
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      John Brown
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      8
                    </td>
                    <td
                      class=""
                    >
                      Lake Park
                    </td>
                    <td
                      class=""
                    >
                      C
                    </td>
                    <td
                      class=""
                    >
                      2035
                    </td>
                    <td
                      class=""
                    >
                      Lake Street 42
                    </td>
                    <td
                      class=""
                    >
                      SoftLake Co
                    </td>
                    <td
                      class=""
                    >
                      M
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-column-has-filters"
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      John Brown
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      9
                    </td>
                    <td
                      class=""
                    >
                      Lake Park
                    </td>
                    <td
                      class=""
                    >
                      C
                    </td>
                    <td
                      class=""
                    >
                      2035
                    </td>
                    <td
                      class=""
                    >
                      Lake Street 42
                    </td>
                    <td
                      class=""
                    >
                      SoftLake Co
                    </td>
                    <td
                      class=""
                    >
                      M
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-column-has-filters"
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      John Brown
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      10
                    </td>
                    <td
                      class=""
                    >
                      Lake Park
                    </td>
                    <td
                      class=""
                    >
                      C
                    </td>
                    <td
                      class=""
                    >
                      2035
                    </td>
                    <td
                      class=""
                    >
                      Lake Street 42
                    </td>
                    <td
                      class=""
                    >
                      SoftLake Co
                    </td>
                    <td
                      class=""
                    >
                      M
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <div
            class="ant-table-fixed-left"
          >
            <div
              class="ant-table-header"
            >
              <table
                class="ant-table-fixed"
              >
                <colgroup>
                  <col
                    style="width:100px;min-width:100px"
                  />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-column-has-filters"
                      rowspan="4"
                    >
                      <span>
                        Name
                        <i
                          class="anticon anticon-filter ant-dropdown-trigger"
                          title="Filter menu"
                        />
                      </span>
                    </th>
                  </tr>
                </thead>
              </table>
            </div>
            <div
              class="ant-table-body-outer"
              style="-webkit-transform:translate3d (0, 0, 0)"
            >
              <div
                class="ant-table-body-inner"
                style="max-height:240px;overflow-y:scroll"
              >
                <table
                  class="ant-table-fixed"
                >
                  <colgroup>
                    <col
                      style="width:100px;min-width:100px"
                    />
                  </colgroup>
                  <tbody
                    class="ant-table-tbody"
                  >
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class="ant-table-column-has-filters"
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        John Brown
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class="ant-table-column-has-filters"
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        John Brown
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class="ant-table-column-has-filters"
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        John Brown
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class="ant-table-column-has-filters"
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        John Brown
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class="ant-table-column-has-filters"
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        John Brown
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class="ant-table-column-has-filters"
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        John Brown
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class="ant-table-column-has-filters"
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        John Brown
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class="ant-table-column-has-filters"
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        John Brown
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class="ant-table-column-has-filters"
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        John Brown
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class="ant-table-column-has-filters"
                      >
                        <span
                          class="ant-table-row-indent indent-level-0"
                          style="padding-left:0px"
                        />
                        John Brown
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          <div
            class="ant-table-fixed-right"
          >
            <div
              class="ant-table-header"
            >
              <table
                class="ant-table-fixed"
              >
                <colgroup>
                  <col
                    style="width:60px;min-width:60px"
                  />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class=""
                      rowspan="4"
                    >
                      <span>
                        Gender
                      </span>
                    </th>
                  </tr>
                </thead>
              </table>
            </div>
            <div
              class="ant-table-body-outer"
              style="-webkit-transform:translate3d (0, 0, 0)"
            >
              <div
                class="ant-table-body-inner"
                style="max-height:240px;overflow-y:scroll"
              >
                <table
                  class="ant-table-fixed"
                >
                  <colgroup>
                    <col
                      style="width:60px;min-width:60px"
                    />
                  </colgroup>
                  <tbody
                    class="ant-table-tbody"
                  >
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        M
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        M
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        M
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        M
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        M
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        M
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        M
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        M
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        M
                      </td>
                    </tr>
                    <tr
                      class="ant-table-row  ant-table-row-level-0"
                    >
                      <td
                        class=""
                      >
                        M
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination mini"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-2"
          tabindex="0"
          title="2"
        >
          <a>
            2
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-3"
          tabindex="0"
          title="3"
        >
          <a>
            3
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-4"
          tabindex="0"
          title="4"
        >
          <a>
            4
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
          tabindex="0"
          title="5"
        >
          <a>
            5
          </a>
        </li>
        <li
          class="ant-pagination-jump-next"
          tabindex="0"
          title="Next 5 Pages"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-10"
          tabindex="0"
          title="10"
        >
          <a>
            10
          </a>
        </li>
        <li
          aria-disabled="false"
          class=" ant-pagination-next"
          tabindex="0"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/head.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col />
                <col />
                <col />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-column-has-filters"
                  >
                    <span>
                      Name
                      <div
                        class="ant-table-column-sorter"
                      >
                        <span
                          class="ant-table-column-sorter-up off"
                          title="↑"
                        >
                          <i
                            class="anticon anticon-caret-up"
                          />
                        </span>
                        <span
                          class="ant-table-column-sorter-down off"
                          title="↓"
                        >
                          <i
                            class="anticon anticon-caret-down"
                          />
                        </span>
                      </div>
                      <i
                        class="anticon anticon-filter ant-dropdown-trigger"
                        title="Filter menu"
                      />
                    </span>
                  </th>
                  <th
                    class="ant-table-column-has-filters ant-table-column-sort"
                  >
                    <span>
                      Age
                      <div
                        class="ant-table-column-sorter"
                      >
                        <span
                          class="ant-table-column-sorter-up off"
                          title="↑"
                        >
                          <i
                            class="anticon anticon-caret-up"
                          />
                        </span>
                        <span
                          class="ant-table-column-sorter-down on"
                          title="↓"
                        >
                          <i
                            class="anticon anticon-caret-down"
                          />
                        </span>
                      </div>
                    </span>
                  </th>
                  <th
                    class="ant-table-column-has-filters"
                  >
                    <span>
                      Address
                      <div
                        class="ant-table-column-sorter"
                      >
                        <span
                          class="ant-table-column-sorter-up off"
                          title="↑"
                        >
                          <i
                            class="anticon anticon-caret-up"
                          />
                        </span>
                        <span
                          class="ant-table-column-sorter-down off"
                          title="↓"
                        >
                          <i
                            class="anticon anticon-caret-down"
                          />
                        </span>
                      </div>
                      <i
                        class="anticon anticon-filter ant-dropdown-trigger"
                        title="Filter menu"
                      />
                    </span>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-column-has-filters"
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Jim Green
                  </td>
                  <td
                    class="ant-table-column-has-filters ant-table-column-sort"
                  >
                    42
                  </td>
                  <td
                    class="ant-table-column-has-filters"
                  >
                    London No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-column-has-filters"
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    John Brown
                  </td>
                  <td
                    class="ant-table-column-has-filters ant-table-column-sort"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-column-has-filters"
                  >
                    New York No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-column-has-filters"
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Joe Black
                  </td>
                  <td
                    class="ant-table-column-has-filters ant-table-column-sort"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-column-has-filters"
                  >
                    Sidney No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-column-has-filters"
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Jim Red
                  </td>
                  <td
                    class="ant-table-column-has-filters ant-table-column-sort"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-column-has-filters"
                  >
                    London No. 2 Lake Park
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-next"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/jsx.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col />
                <col />
                <col />
                <col />
                <col />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class=""
                    colspan="2"
                  >
                    <span>
                      Name
                    </span>
                  </th>
                  <th
                    class=""
                    rowspan="2"
                  >
                    <span>
                      Age
                    </span>
                  </th>
                  <th
                    class=""
                    rowspan="2"
                  >
                    <span>
                      Address
                    </span>
                  </th>
                  <th
                    class=""
                    rowspan="2"
                  >
                    <span>
                      Action
                    </span>
                  </th>
                </tr>
                <tr>
                  <th
                    class=""
                  >
                    <span>
                      First Name
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Last Name
                    </span>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    John
                  </td>
                  <td
                    class=""
                  >
                    Brown
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    New York No. 1 Lake Park
                  </td>
                  <td
                    class=""
                  >
                    <span>
                      <a
                        href="javascript:;"
                      >
                        Action 一 
                      </a>
                      <div
                        class="ant-divider ant-divider-vertical"
                      />
                      <a
                        href="javascript:;"
                      >
                        Delete
                      </a>
                      <div
                        class="ant-divider ant-divider-vertical"
                      />
                      <a
                        class="ant-dropdown-link"
                        href="javascript:;"
                      >
                        More actions 
                        <i
                          class="anticon anticon-down"
                        />
                      </a>
                    </span>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Jim
                  </td>
                  <td
                    class=""
                  >
                    Green
                  </td>
                  <td
                    class=""
                  >
                    42
                  </td>
                  <td
                    class=""
                  >
                    London No. 1 Lake Park
                  </td>
                  <td
                    class=""
                  >
                    <span>
                      <a
                        href="javascript:;"
                      >
                        Action 一 
                      </a>
                      <div
                        class="ant-divider ant-divider-vertical"
                      />
                      <a
                        href="javascript:;"
                      >
                        Delete
                      </a>
                      <div
                        class="ant-divider ant-divider-vertical"
                      />
                      <a
                        class="ant-dropdown-link"
                        href="javascript:;"
                      >
                        More actions 
                        <i
                          class="anticon anticon-down"
                        />
                      </a>
                    </span>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Joe
                  </td>
                  <td
                    class=""
                  >
                    Black
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    Sidney No. 1 Lake Park
                  </td>
                  <td
                    class=""
                  >
                    <span>
                      <a
                        href="javascript:;"
                      >
                        Action 一 
                      </a>
                      <div
                        class="ant-divider ant-divider-vertical"
                      />
                      <a
                        href="javascript:;"
                      >
                        Delete
                      </a>
                      <div
                        class="ant-divider ant-divider-vertical"
                      />
                      <a
                        class="ant-dropdown-link"
                        href="javascript:;"
                      >
                        More actions 
                        <i
                          class="anticon anticon-down"
                        />
                      </a>
                    </span>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-next"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/nested-table.md correctly 1`] = `
<div
  class="ant-table-wrapper components-table-demo-nested"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col
                  class="ant-table-expand-icon-col"
                />
                <col />
                <col />
                <col />
                <col />
                <col />
                <col />
                <col />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-expand-icon-th"
                    rowspan="1"
                    title=""
                  />
                  <th
                    class=""
                  >
                    <span>
                      Name
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Platform
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Version
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Upgraded
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Creator
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Date
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Action
                    </span>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-row-expand-icon-cell"
                  >
                    <span
                      class="ant-table-row-expand-icon ant-table-row-collapsed"
                    />
                  </td>
                  <td
                    class=""
                  >
                    Screem
                  </td>
                  <td
                    class=""
                  >
                    iOS
                  </td>
                  <td
                    class=""
                  >
                    10.3.4.5654
                  </td>
                  <td
                    class=""
                  >
                    500
                  </td>
                  <td
                    class=""
                  >
                    Jack
                  </td>
                  <td
                    class=""
                  >
                    2014-12-24 23:12:00
                  </td>
                  <td
                    class=""
                  >
                    <a
                      href="javascript:;"
                    >
                      Publish
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-row-expand-icon-cell"
                  >
                    <span
                      class="ant-table-row-expand-icon ant-table-row-collapsed"
                    />
                  </td>
                  <td
                    class=""
                  >
                    Screem
                  </td>
                  <td
                    class=""
                  >
                    iOS
                  </td>
                  <td
                    class=""
                  >
                    10.3.4.5654
                  </td>
                  <td
                    class=""
                  >
                    500
                  </td>
                  <td
                    class=""
                  >
                    Jack
                  </td>
                  <td
                    class=""
                  >
                    2014-12-24 23:12:00
                  </td>
                  <td
                    class=""
                  >
                    <a
                      href="javascript:;"
                    >
                      Publish
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-row-expand-icon-cell"
                  >
                    <span
                      class="ant-table-row-expand-icon ant-table-row-collapsed"
                    />
                  </td>
                  <td
                    class=""
                  >
                    Screem
                  </td>
                  <td
                    class=""
                  >
                    iOS
                  </td>
                  <td
                    class=""
                  >
                    10.3.4.5654
                  </td>
                  <td
                    class=""
                  >
                    500
                  </td>
                  <td
                    class=""
                  >
                    Jack
                  </td>
                  <td
                    class=""
                  >
                    2014-12-24 23:12:00
                  </td>
                  <td
                    class=""
                  >
                    <a
                      href="javascript:;"
                    >
                      Publish
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-next"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
<div>
  <div
    class="table-operations"
  >
    <button
      class="ant-btn"
      type="button"
    >
      <span>
        Sort age
      </span>
    </button>
    <button
      class="ant-btn"
      type="button"
    >
      <span>
        Clear filters
      </span>
    </button>
    <button
      class="ant-btn"
      type="button"
    >
      <span>
        Clear filters and sorters
      </span>
    </button>
  </div>
  <div
    class="ant-table-wrapper"
  >
    <div
      class="ant-spin-nested-loading"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="ant-table ant-table-large ant-table-scroll-position-left"
        >
          <div
            class="ant-table-content"
          >
            <div
              class="ant-table-body"
            >
              <table
                class=""
              >
                <colgroup>
                  <col />
                  <col />
                  <col />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-column-has-filters"
                    >
                      <span>
                        Name
                        <div
                          class="ant-table-column-sorter"
                        >
                          <span
                            class="ant-table-column-sorter-up off"
                            title="↑"
                          >
                            <i
                              class="anticon anticon-caret-up"
                            />
                          </span>
                          <span
                            class="ant-table-column-sorter-down off"
                            title="↓"
                          >
                            <i
                              class="anticon anticon-caret-down"
                            />
                          </span>
                        </div>
                        <i
                          class="anticon anticon-filter ant-dropdown-trigger"
                          title="Filter menu"
                        />
                      </span>
                    </th>
                    <th
                      class="ant-table-column-has-filters"
                    >
                      <span>
                        Age
                        <div
                          class="ant-table-column-sorter"
                        >
                          <span
                            class="ant-table-column-sorter-up off"
                            title="↑"
                          >
                            <i
                              class="anticon anticon-caret-up"
                            />
                          </span>
                          <span
                            class="ant-table-column-sorter-down off"
                            title="↓"
                          >
                            <i
                              class="anticon anticon-caret-down"
                            />
                          </span>
                        </div>
                      </span>
                    </th>
                    <th
                      class="ant-table-column-has-filters"
                    >
                      <span>
                        Address
                        <div
                          class="ant-table-column-sorter"
                        >
                          <span
                            class="ant-table-column-sorter-up off"
                            title="↑"
                          >
                            <i
                              class="anticon anticon-caret-up"
                            />
                          </span>
                          <span
                            class="ant-table-column-sorter-down off"
                            title="↓"
                          >
                            <i
                              class="anticon anticon-caret-down"
                            />
                          </span>
                        </div>
                        <i
                          class="anticon anticon-filter ant-dropdown-trigger"
                          title="Filter menu"
                        />
                      </span>
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-column-has-filters"
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      John Brown
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      New York No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-column-has-filters"
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Jim Green
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      42
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      London No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-column-has-filters"
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Joe Black
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      Sidney No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-column-has-filters"
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Jim Red
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-column-has-filters"
                    >
                      London No. 2 Lake Park
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <ul
          class="ant-pagination ant-table-pagination"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-disabled ant-pagination-prev"
            title="Previous Page"
          >
            <a
              class="ant-pagination-item-link"
            />
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a>
              1
            </a>
          </li>
          <li
            aria-disabled="true"
            class="ant-pagination-disabled ant-pagination-next"
            title="Next Page"
          >
            <a
              class="ant-pagination-item-link"
            />
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/row-selection.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col />
                <col />
                <col />
                <col />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-selection-column"
                  >
                    <span>
                      <div
                        class="ant-table-selection"
                      >
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </div>
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Name
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Age
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Address
                    </span>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-selection-column"
                  >
                    <span>
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            name="John Brown"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </span>
                  </td>
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <a
                      href="javascript:;"
                    >
                      John Brown
                    </a>
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    New York No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-selection-column"
                  >
                    <span>
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            name="Jim Green"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </span>
                  </td>
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <a
                      href="javascript:;"
                    >
                      Jim Green
                    </a>
                  </td>
                  <td
                    class=""
                  >
                    42
                  </td>
                  <td
                    class=""
                  >
                    London No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-selection-column"
                  >
                    <span>
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            name="Joe Black"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </span>
                  </td>
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <a
                      href="javascript:;"
                    >
                      Joe Black
                    </a>
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    Sidney No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-selection-column"
                  >
                    <span>
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox ant-checkbox-disabled"
                        >
                          <input
                            class="ant-checkbox-input"
                            disabled=""
                            name="Disabled User"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </span>
                  </td>
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    <a
                      href="javascript:;"
                    >
                      Disabled User
                    </a>
                  </td>
                  <td
                    class=""
                  >
                    99
                  </td>
                  <td
                    class=""
                  >
                    Sidney No. 1 Lake Park
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-next"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/row-selection-and-operation.md correctly 1`] = `
<div>
  <div
    style="margin-bottom:16px"
  >
    <button
      class="ant-btn ant-btn-primary"
      disabled=""
      type="button"
    >
      <span>
        Reload
      </span>
    </button>
    <span
      style="margin-left:8px"
    />
  </div>
  <div
    class="ant-table-wrapper"
  >
    <div
      class="ant-spin-nested-loading"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="ant-table ant-table-large ant-table-scroll-position-left"
        >
          <div
            class="ant-table-content"
          >
            <div
              class="ant-table-body"
            >
              <table
                class=""
              >
                <colgroup>
                  <col />
                  <col />
                  <col />
                  <col />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-selection-column"
                    >
                      <span>
                        <div
                          class="ant-table-selection"
                        >
                          <label
                            class="ant-checkbox-wrapper"
                          >
                            <span
                              class="ant-checkbox"
                            >
                              <input
                                class="ant-checkbox-input"
                                type="checkbox"
                              />
                              <span
                                class="ant-checkbox-inner"
                              />
                            </span>
                          </label>
                        </div>
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Name
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Age
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Address
                      </span>
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 0
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 0
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 1
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 1
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 2
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 2
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 3
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 3
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 4
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 4
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 5
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 5
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 6
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 6
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 7
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 7
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 8
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 8
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class="ant-table-selection-column"
                    >
                      <span>
                        <label
                          class="ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                      </span>
                    </td>
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Edward King 9
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      London, Park Lane no. 9
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <ul
          class="ant-pagination ant-table-pagination"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-disabled ant-pagination-prev"
            title="Previous Page"
          >
            <a
              class="ant-pagination-item-link"
            />
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a>
              1
            </a>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-2"
            tabindex="0"
            title="2"
          >
            <a>
              2
            </a>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-3"
            tabindex="0"
            title="3"
          >
            <a>
              3
            </a>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-4"
            tabindex="0"
            title="4"
          >
            <a>
              4
            </a>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-5"
            tabindex="0"
            title="5"
          >
            <a>
              5
            </a>
          </li>
          <li
            aria-disabled="false"
            class=" ant-pagination-next"
            tabindex="0"
            title="Next Page"
          >
            <a
              class="ant-pagination-item-link"
            />
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/row-selection-custom.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-large ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col />
                <col />
                <col />
                <col />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-selection-column ant-table-selection-column-custom"
                  >
                    <span>
                      <div
                        class="ant-table-selection"
                      >
                        <label
                          class="ant-table-selection-select-all-custom ant-checkbox-wrapper"
                        >
                          <span
                            class="ant-checkbox"
                          >
                            <input
                              class="ant-checkbox-input"
                              type="checkbox"
                            />
                            <span
                              class="ant-checkbox-inner"
                            />
                          </span>
                        </label>
                        <div
                          class="ant-table-selection-down ant-dropdown-trigger"
                        >
                          <i
                            class="anticon anticon-down"
                          />
                        </div>
                      </div>
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Name
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Age
                    </span>
                  </th>
                  <th
                    class=""
                  >
                    <span>
                      Address
                    </span>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-selection-column ant-table-selection-column-custom"
                  >
                    <span>
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </span>
                  </td>
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edward King 0
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London, Park Lane no. 0
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-selection-column ant-table-selection-column-custom"
                  >
                    <span>
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </span>
                  </td>
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edward King 1
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London, Park Lane no. 1
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-selection-column ant-table-selection-column-custom"
                  >
                    <span>
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </span>
                  </td>
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edward King 2
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London, Park Lane no. 2
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-selection-column ant-table-selection-column-custom"
                  >
                    <span>
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </span>
                  </td>
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edward King 3
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London, Park Lane no. 3
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-selection-column ant-table-selection-column-custom"
                  >
                    <span>
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </span>
                  </td>
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edward King 4
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London, Park Lane no. 4
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-selection-column ant-table-selection-column-custom"
                  >
                    <span>
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </span>
                  </td>
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edward King 5
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London, Park Lane no. 5
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-selection-column ant-table-selection-column-custom"
                  >
                    <span>
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </span>
                  </td>
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edward King 6
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London, Park Lane no. 6
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-selection-column ant-table-selection-column-custom"
                  >
                    <span>
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </span>
                  </td>
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edward King 7
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London, Park Lane no. 7
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-selection-column ant-table-selection-column-custom"
                  >
                    <span>
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </span>
                  </td>
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edward King 8
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London, Park Lane no. 8
                  </td>
                </tr>
                <tr
                  class="ant-table-row  ant-table-row-level-0"
                >
                  <td
                    class="ant-table-selection-column ant-table-selection-column-custom"
                  >
                    <span>
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </span>
                  </td>
                  <td
                    class=""
                  >
                    <span
                      class="ant-table-row-indent indent-level-0"
                      style="padding-left:0px"
                    />
                    Edward King 9
                  </td>
                  <td
                    class=""
                  >
                    32
                  </td>
                  <td
                    class=""
                  >
                    London, Park Lane no. 9
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a>
            1
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-2"
          tabindex="0"
          title="2"
        >
          <a>
            2
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-3"
          tabindex="0"
          title="3"
        >
          <a>
            3
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-4"
          tabindex="0"
          title="4"
        >
          <a>
            4
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-5"
          tabindex="0"
          title="5"
        >
          <a>
            5
          </a>
        </li>
        <li
          aria-disabled="false"
          class=" ant-pagination-next"
          tabindex="0"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          />
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/size.md correctly 1`] = `
<div>
  <h4>
    Middle size table
  </h4>
  <div
    class="ant-table-wrapper"
  >
    <div
      class="ant-spin-nested-loading"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="ant-table ant-table-middle ant-table-scroll-position-left"
        >
          <div
            class="ant-table-content"
          >
            <div
              class="ant-table-body"
            >
              <table
                class=""
              >
                <colgroup>
                  <col />
                  <col />
                  <col />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class=""
                    >
                      <span>
                        Name
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Age
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Address
                      </span>
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      John Brown
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      New York No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Jim Green
                    </td>
                    <td
                      class=""
                    >
                      42
                    </td>
                    <td
                      class=""
                    >
                      London No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Joe Black
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      Sidney No. 1 Lake Park
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <ul
          class="ant-pagination ant-table-pagination mini"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-disabled ant-pagination-prev"
            title="Previous Page"
          >
            <a
              class="ant-pagination-item-link"
            />
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a>
              1
            </a>
          </li>
          <li
            aria-disabled="true"
            class="ant-pagination-disabled ant-pagination-next"
            title="Next Page"
          >
            <a
              class="ant-pagination-item-link"
            />
          </li>
        </ul>
      </div>
    </div>
  </div>
  <h4>
    Small size table
  </h4>
  <div
    class="ant-table-wrapper"
  >
    <div
      class="ant-spin-nested-loading"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="ant-table ant-table-small ant-table-scroll-position-left"
        >
          <div
            class="ant-table-content"
          >
            <div
              class="ant-table-body"
            >
              <table
                class=""
              >
                <colgroup>
                  <col />
                  <col />
                  <col />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class=""
                    >
                      <span>
                        Name
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Age
                      </span>
                    </th>
                    <th
                      class=""
                    >
                      <span>
                        Address
                      </span>
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      John Brown
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      New York No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Jim Green
                    </td>
                    <td
                      class=""
                    >
                      42
                    </td>
                    <td
                      class=""
                    >
                      London No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row  ant-table-row-level-0"
                  >
                    <td
                      class=""
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      Joe Black
                    </td>
                    <td
                      class=""
                    >
                      32
                    </td>
                    <td
                      class=""
                    >
                      Sidney No. 1 Lake Park
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <ul
          class="ant-pagination ant-table-pagination mini"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-disabled ant-pagination-prev"
            title="Previous Page"
          >
            <a
              class="ant-pagination-item-link"
            />
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a>
              1
            </a>
          </li>
          <li
            aria-disabled="true"
            class="ant-pagination-disabled ant-pagination-next"
            title="Next Page"
          >
            <a
              class="ant-pagination-item-link"
            />
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
`;