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-empty"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup>
                <col
                  style="width:20%"
                />
                <col
                  style="width:20%"
                />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell ant-table-column-has-sorters"
                  >
                    <div
                      class="ant-table-column-sorters"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        Name
                      </span>
                      <span
                        class="ant-table-column-sorter ant-table-column-sorter-full"
                      >
                        <span
                          class="ant-table-column-sorter-inner"
                        >
                          <span
                            aria-label="caret-up"
                            class="anticon anticon-caret-up ant-table-column-sorter-up"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="caret-up"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                              />
                            </svg>
                          </span>
                          <span
                            aria-label="caret-down"
                            class="anticon anticon-caret-down ant-table-column-sorter-down"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="caret-down"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                              />
                            </svg>
                          </span>
                        </span>
                      </span>
                    </div>
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-table-filter-column"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        Gender
                      </span>
                      <span
                        class="ant-dropdown-trigger ant-table-filter-trigger"
                        role="button"
                        tabindex="-1"
                      >
                        <span
                          aria-label="filter"
                          class="anticon anticon-filter"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="filter"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                            />
                          </svg>
                        </span>
                      </span>
                    </div>
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Email
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-placeholder"
                >
                  <td
                    class="ant-table-cell"
                    colspan="3"
                  >
                    <div
                      class="ant-empty ant-empty-normal"
                    >
                      <div
                        class="ant-empty-image"
                      >
                        <svg
                          class="ant-empty-img-simple"
                          height="41"
                          viewBox="0 0 64 41"
                          width="64"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <g
                            fill="none"
                            fill-rule="evenodd"
                            transform="translate(0 1)"
                          >
                            <ellipse
                              class="ant-empty-img-simple-ellipse"
                              cx="32"
                              cy="33"
                              rx="32"
                              ry="7"
                            />
                            <g
                              class="ant-empty-img-simple-g"
                              fill-rule="nonzero"
                            >
                              <path
                                d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                              />
                              <path
                                class="ant-empty-img-simple-path"
                                d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                              />
                            </g>
                          </g>
                        </svg>
                      </div>
                      <div
                        class="ant-empty-description"
                      >
                        No Data
                      </div>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </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"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup />
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    Name
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Age
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Address
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Tags
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Action
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      John Brown
                    </a>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York No. 1 Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <span
                      class="ant-tag ant-tag-green"
                    >
                      NICE
                    </span>
                    <span
                      class="ant-tag ant-tag-geekblue"
                    >
                      DEVELOPER
                    </span>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center"
                    >
                      <div
                        class="ant-space-item"
                        style="margin-right:16px"
                      >
                        <a>
                          Invite John Brown
                        </a>
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <a>
                          Delete
                        </a>
                      </div>
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Jim Green
                    </a>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London No. 1 Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <span
                      class="ant-tag ant-tag-volcano"
                    >
                      LOSER
                    </span>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center"
                    >
                      <div
                        class="ant-space-item"
                        style="margin-right:16px"
                      >
                        <a>
                          Invite Jim Green
                        </a>
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <a>
                          Delete
                        </a>
                      </div>
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Joe Black
                    </a>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Sidney No. 1 Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <span
                      class="ant-tag ant-tag-green"
                    >
                      COOL
                    </span>
                    <span
                      class="ant-tag ant-tag-geekblue"
                    >
                      TEACHER
                    </span>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center"
                    >
                      <div
                        class="ant-space-item"
                        style="margin-right:16px"
                      >
                        <a>
                          Invite Joe Black
                        </a>
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <a>
                          Delete
                        </a>
                      </div>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </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-bordered"
      >
        <div
          class="ant-table-title"
        >
          Header
        </div>
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup />
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    Name
                  </th>
                  <th
                    class="ant-table-cell column-money"
                    style="text-align:right"
                  >
                    Cash Assets
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Address
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      John Brown
                    </a>
                  </td>
                  <td
                    class="ant-table-cell column-money"
                    style="text-align:right"
                  >
                    ￥300,000.00
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Jim Green
                    </a>
                  </td>
                  <td
                    class="ant-table-cell column-money"
                    style="text-align:right"
                  >
                    ￥1,256,000.00
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Joe Black
                    </a>
                  </td>
                  <td
                    class="ant-table-cell column-money"
                    style="text-align:right"
                  >
                    ￥120,000.00
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Sidney No. 1 Lake Park
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div
          class="ant-table-footer"
        >
          Footer
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </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-bordered"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup />
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    Name
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Age
                  </th>
                  <th
                    class="ant-table-cell"
                    colspan="2"
                  >
                    Home phone
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Address
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      John Brown
                    </a>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    0571-22098909
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    18889898989
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Jim Green
                    </a>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    0571-22098333
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    18889898888
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Joe Black
                    </a>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                    rowspan="2"
                  >
                    0575-22098909
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    18900010002
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Sidney No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="4"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Jim Red
                    </a>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    18
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    18900010002
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London No. 2 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="5"
                >
                  <td
                    class="ant-table-cell"
                    colspan="5"
                  >
                    <a>
                      Jake White
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </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"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup>
                <col
                  style="width:30%"
                />
                <col
                  style="width:20%"
                />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-table-filter-column"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        Name
                      </span>
                      <span
                        class="ant-dropdown-trigger ant-table-filter-trigger"
                        role="button"
                        tabindex="-1"
                      >
                        <span
                          aria-label="search"
                          class="anticon anticon-search"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="search"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
                            />
                          </svg>
                        </span>
                      </span>
                    </div>
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-table-filter-column"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        Age
                      </span>
                      <span
                        class="ant-dropdown-trigger ant-table-filter-trigger"
                        role="button"
                        tabindex="-1"
                      >
                        <span
                          aria-label="search"
                          class="anticon anticon-search"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="search"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
                            />
                          </svg>
                        </span>
                      </span>
                    </div>
                  </th>
                  <th
                    class="ant-table-cell ant-table-column-has-sorters"
                  >
                    <div
                      class="ant-table-filter-column"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        <div
                          class="ant-table-column-sorters"
                        >
                          <span
                            class="ant-table-column-title"
                          >
                            Address
                          </span>
                          <span
                            class="ant-table-column-sorter ant-table-column-sorter-full"
                          >
                            <span
                              class="ant-table-column-sorter-inner"
                            >
                              <span
                                aria-label="caret-up"
                                class="anticon anticon-caret-up ant-table-column-sorter-up"
                                role="img"
                              >
                                <svg
                                  aria-hidden="true"
                                  data-icon="caret-up"
                                  fill="currentColor"
                                  focusable="false"
                                  height="1em"
                                  viewBox="0 0 1024 1024"
                                  width="1em"
                                >
                                  <path
                                    d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                                  />
                                </svg>
                              </span>
                              <span
                                aria-label="caret-down"
                                class="anticon anticon-caret-down ant-table-column-sorter-down"
                                role="img"
                              >
                                <svg
                                  aria-hidden="true"
                                  data-icon="caret-down"
                                  fill="currentColor"
                                  focusable="false"
                                  height="1em"
                                  viewBox="0 0 1024 1024"
                                  width="1em"
                                >
                                  <path
                                    d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                                  />
                                </svg>
                              </span>
                            </span>
                          </span>
                        </div>
                      </span>
                      <span
                        class="ant-dropdown-trigger ant-table-filter-trigger"
                        role="button"
                        tabindex="-1"
                      >
                        <span
                          aria-label="search"
                          class="anticon anticon-search"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="search"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
                            />
                          </svg>
                        </span>
                      </span>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Joe Black
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jim Green
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Sidney No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="4"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jim Red
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London No. 2 Lake Park
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </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"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup />
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    Name
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Age
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Address
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                  style="cursor:move"
                >
                  <td
                    class="ant-table-cell"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                  style="cursor:move"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jim Green
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                  style="cursor:move"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Joe Black
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Sidney No. 1 Lake Park
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/drag-sorting-handler.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup>
                <col
                  style="width:30px"
                />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell drag-visible"
                  >
                    Sort
                  </th>
                  <th
                    class="ant-table-cell drag-visible"
                  >
                    Name
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Age
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Address
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  data-row-key="0"
                >
                  <td
                    class="ant-table-cell drag-visible"
                  >
                    <span
                      aria-label="menu"
                      class="anticon anticon-menu"
                      role="img"
                      style="cursor:grab;color:#999"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="menu"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      >
                        <path
                          d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"
                        />
                      </svg>
                    </span>
                  </td>
                  <td
                    class="ant-table-cell drag-visible"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell drag-visible"
                  >
                    <span
                      aria-label="menu"
                      class="anticon anticon-menu"
                      role="img"
                      style="cursor:grab;color:#999"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="menu"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      >
                        <path
                          d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"
                        />
                      </svg>
                    </span>
                  </td>
                  <td
                    class="ant-table-cell drag-visible"
                  >
                    Jim Green
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell drag-visible"
                  >
                    <span
                      aria-label="menu"
                      class="anticon anticon-menu"
                      role="img"
                      style="cursor:grab;color:#999"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="menu"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      >
                        <path
                          d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"
                        />
                      </svg>
                    </span>
                  </td>
                  <td
                    class="ant-table-cell drag-visible"
                  >
                    Joe Black
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Sidney No. 1 Lake Park
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
Array [
  <form
    class="ant-form ant-form-inline components-table-demo-control-bar"
    style="margin-bottom:16px"
  >
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="Bordered"
        >
          Bordered
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <button
              aria-checked="false"
              class="ant-switch"
              role="switch"
              type="button"
            >
              <div
                class="ant-switch-handle"
              />
              <span
                class="ant-switch-inner"
              />
            </button>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="loading"
        >
          loading
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <button
              aria-checked="false"
              class="ant-switch"
              role="switch"
              type="button"
            >
              <div
                class="ant-switch-handle"
              />
              <span
                class="ant-switch-inner"
              />
            </button>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="Title"
        >
          Title
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <button
              aria-checked="false"
              class="ant-switch"
              role="switch"
              type="button"
            >
              <div
                class="ant-switch-handle"
              />
              <span
                class="ant-switch-inner"
              />
            </button>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="Column Header"
        >
          Column Header
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <button
              aria-checked="true"
              class="ant-switch ant-switch-checked"
              role="switch"
              type="button"
            >
              <div
                class="ant-switch-handle"
              />
              <span
                class="ant-switch-inner"
              />
            </button>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="Footer"
        >
          Footer
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <button
              aria-checked="true"
              class="ant-switch ant-switch-checked"
              role="switch"
              type="button"
            >
              <div
                class="ant-switch-handle"
              />
              <span
                class="ant-switch-inner"
              />
            </button>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="Expandable"
        >
          Expandable
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <button
              aria-checked="true"
              class="ant-switch ant-switch-checked"
              role="switch"
              type="button"
            >
              <div
                class="ant-switch-handle"
              />
              <span
                class="ant-switch-inner"
              />
            </button>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="Checkbox"
        >
          Checkbox
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <button
              aria-checked="true"
              class="ant-switch ant-switch-checked"
              role="switch"
              type="button"
            >
              <div
                class="ant-switch-handle"
              />
              <span
                class="ant-switch-inner"
              />
            </button>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="Fixed Header"
        >
          Fixed Header
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <button
              aria-checked="false"
              class="ant-switch"
              role="switch"
              type="button"
            >
              <div
                class="ant-switch-handle"
              />
              <span
                class="ant-switch-inner"
              />
            </button>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="Has Data"
        >
          Has Data
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <button
              aria-checked="true"
              class="ant-switch ant-switch-checked"
              role="switch"
              type="button"
            >
              <div
                class="ant-switch-handle"
              />
              <span
                class="ant-switch-inner"
              />
            </button>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="Ellipsis"
        >
          Ellipsis
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <button
              aria-checked="false"
              class="ant-switch"
              role="switch"
              type="button"
            >
              <div
                class="ant-switch-handle"
              />
              <span
                class="ant-switch-inner"
              />
            </button>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="Size"
        >
          Size
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <div
              class="ant-radio-group ant-radio-group-outline"
            >
              <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>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="Table Scroll"
        >
          Table Scroll
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <div
              class="ant-radio-group ant-radio-group-outline"
            >
              <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"
                  />
                  <span
                    class="ant-radio-button-inner"
                  />
                </span>
                <span>
                  Unset
                </span>
              </label>
              <label
                class="ant-radio-button-wrapper"
              >
                <span
                  class="ant-radio-button"
                >
                  <input
                    class="ant-radio-button-input"
                    type="radio"
                    value="scroll"
                  />
                  <span
                    class="ant-radio-button-inner"
                  />
                </span>
                <span>
                  Scroll
                </span>
              </label>
              <label
                class="ant-radio-button-wrapper"
              >
                <span
                  class="ant-radio-button"
                >
                  <input
                    class="ant-radio-button-input"
                    type="radio"
                    value="fixed"
                  />
                  <span
                    class="ant-radio-button-inner"
                  />
                </span>
                <span>
                  Fixed Columns
                </span>
              </label>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="Table Layout"
        >
          Table Layout
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <div
              class="ant-radio-group ant-radio-group-outline"
            >
              <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"
                  />
                  <span
                    class="ant-radio-button-inner"
                  />
                </span>
                <span>
                  Unset
                </span>
              </label>
              <label
                class="ant-radio-button-wrapper"
              >
                <span
                  class="ant-radio-button"
                >
                  <input
                    class="ant-radio-button-input"
                    type="radio"
                    value="fixed"
                  />
                  <span
                    class="ant-radio-button-inner"
                  />
                </span>
                <span>
                  Fixed
                </span>
              </label>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="Pagination Top"
        >
          Pagination Top
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <div
              class="ant-radio-group ant-radio-group-outline"
            >
              <label
                class="ant-radio-button-wrapper"
              >
                <span
                  class="ant-radio-button"
                >
                  <input
                    class="ant-radio-button-input"
                    type="radio"
                    value="topLeft"
                  />
                  <span
                    class="ant-radio-button-inner"
                  />
                </span>
                <span>
                  TopLeft
                </span>
              </label>
              <label
                class="ant-radio-button-wrapper"
              >
                <span
                  class="ant-radio-button"
                >
                  <input
                    class="ant-radio-button-input"
                    type="radio"
                    value="topCenter"
                  />
                  <span
                    class="ant-radio-button-inner"
                  />
                </span>
                <span>
                  TopCenter
                </span>
              </label>
              <label
                class="ant-radio-button-wrapper"
              >
                <span
                  class="ant-radio-button"
                >
                  <input
                    class="ant-radio-button-input"
                    type="radio"
                    value="topRight"
                  />
                  <span
                    class="ant-radio-button-inner"
                  />
                </span>
                <span>
                  TopRight
                </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="none"
                  />
                  <span
                    class="ant-radio-button-inner"
                  />
                </span>
                <span>
                  None
                </span>
              </label>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="Pagination Bottom"
        >
          Pagination Bottom
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <div
              class="ant-radio-group ant-radio-group-outline"
            >
              <label
                class="ant-radio-button-wrapper"
              >
                <span
                  class="ant-radio-button"
                >
                  <input
                    class="ant-radio-button-input"
                    type="radio"
                    value="bottomLeft"
                  />
                  <span
                    class="ant-radio-button-inner"
                  />
                </span>
                <span>
                  BottomLeft
                </span>
              </label>
              <label
                class="ant-radio-button-wrapper"
              >
                <span
                  class="ant-radio-button"
                >
                  <input
                    class="ant-radio-button-input"
                    type="radio"
                    value="bottomCenter"
                  />
                  <span
                    class="ant-radio-button-inner"
                  />
                </span>
                <span>
                  BottomCenter
                </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="bottomRight"
                  />
                  <span
                    class="ant-radio-button-inner"
                  />
                </span>
                <span>
                  BottomRight
                </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>
          </div>
        </div>
      </div>
    </div>
  </form>,
  <div
    class="ant-table-wrapper"
  >
    <div
      class="ant-spin-nested-loading"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="ant-table"
        >
          <div
            class="ant-table-container"
          >
            <div
              class="ant-table-content"
            >
              <table
                style="table-layout:auto"
              >
                <colgroup>
                  <col
                    class="ant-table-expand-icon-col"
                  />
                  <col
                    class="ant-table-selection-col"
                  />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-cell ant-table-row-expand-icon-cell"
                    />
                    <th
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <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>
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Name
                    </th>
                    <th
                      class="ant-table-cell ant-table-column-has-sorters"
                    >
                      <div
                        class="ant-table-column-sorters"
                      >
                        <span
                          class="ant-table-column-title"
                        >
                          Age
                        </span>
                        <span
                          class="ant-table-column-sorter ant-table-column-sorter-full"
                        >
                          <span
                            class="ant-table-column-sorter-inner"
                          >
                            <span
                              aria-label="caret-up"
                              class="anticon anticon-caret-up ant-table-column-sorter-up"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="caret-up"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="0 0 1024 1024"
                                width="1em"
                              >
                                <path
                                  d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                                />
                              </svg>
                            </span>
                            <span
                              aria-label="caret-down"
                              class="anticon anticon-caret-down ant-table-column-sorter-down"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="caret-down"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="0 0 1024 1024"
                                width="1em"
                              >
                                <path
                                  d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                                />
                              </svg>
                            </span>
                          </span>
                        </span>
                      </div>
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      <div
                        class="ant-table-filter-column"
                      >
                        <span
                          class="ant-table-column-title"
                        >
                          Address
                        </span>
                        <span
                          class="ant-dropdown-trigger ant-table-filter-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          <span
                            aria-label="filter"
                            class="anticon anticon-filter"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="filter"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                              />
                            </svg>
                          </span>
                        </span>
                      </div>
                    </th>
                    <th
                      class="ant-table-cell ant-table-column-has-sorters"
                    >
                      <div
                        class="ant-table-column-sorters"
                      >
                        <span
                          class="ant-table-column-title"
                        >
                          Action
                        </span>
                        <span
                          class="ant-table-column-sorter ant-table-column-sorter-full"
                        >
                          <span
                            class="ant-table-column-sorter-inner"
                          >
                            <span
                              aria-label="caret-up"
                              class="anticon anticon-caret-up ant-table-column-sorter-up"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="caret-up"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="0 0 1024 1024"
                                width="1em"
                              >
                                <path
                                  d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                                />
                              </svg>
                            </span>
                            <span
                              aria-label="caret-down"
                              class="anticon anticon-caret-down ant-table-column-sorter-down"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="caret-down"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="0 0 1024 1024"
                                width="1em"
                              >
                                <path
                                  d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                                />
                              </svg>
                            </span>
                          </span>
                        </span>
                      </div>
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="1"
                  >
                    <td
                      class="ant-table-cell ant-table-row-expand-icon-cell"
                    >
                      <button
                        aria-label="Expand row"
                        class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                        type="button"
                      />
                    </td>
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      John Brown
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      12
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      New York No. 1 Lake Park
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <div
                        class="ant-space ant-space-horizontal ant-space-align-center"
                      >
                        <div
                          class="ant-space-item"
                          style="margin-right:16px"
                        >
                          <a>
                            Delete
                          </a>
                        </div>
                        <div
                          class="ant-space-item"
                        >
                          <a
                            class="ant-dropdown-link"
                          >
                            More actions 
                            <span
                              aria-label="down"
                              class="anticon anticon-down"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="down"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                />
                              </svg>
                            </span>
                          </a>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="2"
                  >
                    <td
                      class="ant-table-cell ant-table-row-expand-icon-cell"
                    >
                      <button
                        aria-label="Expand row"
                        class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                        type="button"
                      />
                    </td>
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      John Brown
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      22
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      New York No. 2 Lake Park
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <div
                        class="ant-space ant-space-horizontal ant-space-align-center"
                      >
                        <div
                          class="ant-space-item"
                          style="margin-right:16px"
                        >
                          <a>
                            Delete
                          </a>
                        </div>
                        <div
                          class="ant-space-item"
                        >
                          <a
                            class="ant-dropdown-link"
                          >
                            More actions 
                            <span
                              aria-label="down"
                              class="anticon anticon-down"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="down"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                />
                              </svg>
                            </span>
                          </a>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="3"
                  >
                    <td
                      class="ant-table-cell ant-table-row-expand-icon-cell"
                    >
                      <button
                        aria-label="Expand row"
                        class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                        type="button"
                      />
                    </td>
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      John Brown
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      New York No. 3 Lake Park
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <div
                        class="ant-space ant-space-horizontal ant-space-align-center"
                      >
                        <div
                          class="ant-space-item"
                          style="margin-right:16px"
                        >
                          <a>
                            Delete
                          </a>
                        </div>
                        <div
                          class="ant-space-item"
                        >
                          <a
                            class="ant-dropdown-link"
                          >
                            More actions 
                            <span
                              aria-label="down"
                              class="anticon anticon-down"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="down"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                />
                              </svg>
                            </span>
                          </a>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="4"
                  >
                    <td
                      class="ant-table-cell ant-table-row-expand-icon-cell"
                    >
                      <button
                        aria-label="Expand row"
                        class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                        type="button"
                      />
                    </td>
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      John Brown
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      42
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      New York No. 4 Lake Park
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <div
                        class="ant-space ant-space-horizontal ant-space-align-center"
                      >
                        <div
                          class="ant-space-item"
                          style="margin-right:16px"
                        >
                          <a>
                            Delete
                          </a>
                        </div>
                        <div
                          class="ant-space-item"
                        >
                          <a
                            class="ant-dropdown-link"
                          >
                            More actions 
                            <span
                              aria-label="down"
                              class="anticon anticon-down"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="down"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                />
                              </svg>
                            </span>
                          </a>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="5"
                  >
                    <td
                      class="ant-table-cell ant-table-row-expand-icon-cell"
                    >
                      <button
                        aria-label="Expand row"
                        class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                        type="button"
                      />
                    </td>
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      John Brown
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      52
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      New York No. 5 Lake Park
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <div
                        class="ant-space ant-space-horizontal ant-space-align-center"
                      >
                        <div
                          class="ant-space-item"
                          style="margin-right:16px"
                        >
                          <a>
                            Delete
                          </a>
                        </div>
                        <div
                          class="ant-space-item"
                        >
                          <a
                            class="ant-dropdown-link"
                          >
                            More actions 
                            <span
                              aria-label="down"
                              class="anticon anticon-down"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="down"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                />
                              </svg>
                            </span>
                          </a>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="6"
                  >
                    <td
                      class="ant-table-cell ant-table-row-expand-icon-cell"
                    >
                      <button
                        aria-label="Expand row"
                        class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                        type="button"
                      />
                    </td>
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      John Brown
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      62
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      New York No. 6 Lake Park
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <div
                        class="ant-space ant-space-horizontal ant-space-align-center"
                      >
                        <div
                          class="ant-space-item"
                          style="margin-right:16px"
                        >
                          <a>
                            Delete
                          </a>
                        </div>
                        <div
                          class="ant-space-item"
                        >
                          <a
                            class="ant-dropdown-link"
                          >
                            More actions 
                            <span
                              aria-label="down"
                              class="anticon anticon-down"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="down"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                />
                              </svg>
                            </span>
                          </a>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="7"
                  >
                    <td
                      class="ant-table-cell ant-table-row-expand-icon-cell"
                    >
                      <button
                        aria-label="Expand row"
                        class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                        type="button"
                      />
                    </td>
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      John Brown
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      72
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      New York No. 7 Lake Park
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <div
                        class="ant-space ant-space-horizontal ant-space-align-center"
                      >
                        <div
                          class="ant-space-item"
                          style="margin-right:16px"
                        >
                          <a>
                            Delete
                          </a>
                        </div>
                        <div
                          class="ant-space-item"
                        >
                          <a
                            class="ant-dropdown-link"
                          >
                            More actions 
                            <span
                              aria-label="down"
                              class="anticon anticon-down"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="down"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                />
                              </svg>
                            </span>
                          </a>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="8"
                  >
                    <td
                      class="ant-table-cell ant-table-row-expand-icon-cell"
                    >
                      <button
                        aria-label="Expand row"
                        class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                        type="button"
                      />
                    </td>
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      John Brown
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      82
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      New York No. 8 Lake Park
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <div
                        class="ant-space ant-space-horizontal ant-space-align-center"
                      >
                        <div
                          class="ant-space-item"
                          style="margin-right:16px"
                        >
                          <a>
                            Delete
                          </a>
                        </div>
                        <div
                          class="ant-space-item"
                        >
                          <a
                            class="ant-dropdown-link"
                          >
                            More actions 
                            <span
                              aria-label="down"
                              class="anticon anticon-down"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="down"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                />
                              </svg>
                            </span>
                          </a>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="9"
                  >
                    <td
                      class="ant-table-cell ant-table-row-expand-icon-cell"
                    >
                      <button
                        aria-label="Expand row"
                        class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                        type="button"
                      />
                    </td>
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      John Brown
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      92
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      New York No. 9 Lake Park
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <div
                        class="ant-space ant-space-horizontal ant-space-align-center"
                      >
                        <div
                          class="ant-space-item"
                          style="margin-right:16px"
                        >
                          <a>
                            Delete
                          </a>
                        </div>
                        <div
                          class="ant-space-item"
                        >
                          <a
                            class="ant-dropdown-link"
                          >
                            More actions 
                            <span
                              aria-label="down"
                              class="anticon anticon-down"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="down"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                />
                              </svg>
                            </span>
                          </a>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="10"
                  >
                    <td
                      class="ant-table-cell ant-table-row-expand-icon-cell"
                    >
                      <button
                        aria-label="Expand row"
                        class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                        type="button"
                      />
                    </td>
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      John Brown
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      102
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      New York No. 10 Lake Park
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <div
                        class="ant-space ant-space-horizontal ant-space-align-center"
                      >
                        <div
                          class="ant-space-item"
                          style="margin-right:16px"
                        >
                          <a>
                            Delete
                          </a>
                        </div>
                        <div
                          class="ant-space-item"
                        >
                          <a
                            class="ant-dropdown-link"
                          >
                            More actions 
                            <span
                              aria-label="down"
                              class="anticon anticon-down"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="down"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                />
                              </svg>
                            </span>
                          </a>
                        </div>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <div
            class="ant-table-footer"
          >
            Here is footer
          </div>
        </div>
        <ul
          class="ant-pagination ant-table-pagination ant-table-pagination-right"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-prev ant-pagination-disabled"
            title="Previous Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="left"
                class="anticon anticon-left"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="left"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                  />
                </svg>
              </span>
            </button>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a
              rel="nofollow"
            >
              1
            </a>
          </li>
          <li
            aria-disabled="true"
            class="ant-pagination-next ant-pagination-disabled"
            title="Next Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="right"
                class="anticon anticon-right"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="right"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                  />
                </svg>
              </span>
            </button>
          </li>
        </ul>
      </div>
    </div>
  </div>,
]
`;

exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
<div>
  <button
    class="ant-btn ant-btn-primary"
    style="margin-bottom:16px"
    type="button"
  >
    <span>
      Add a row
    </span>
  </button>
  <div
    class="ant-table-wrapper"
  >
    <div
      class="ant-spin-nested-loading"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="ant-table ant-table-bordered"
        >
          <div
            class="ant-table-container"
          >
            <div
              class="ant-table-content"
            >
              <table
                style="table-layout:auto"
              >
                <colgroup>
                  <col
                    style="width:30%"
                  />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-cell"
                    >
                      name
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      age
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      address
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      operation
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row ant-table-row-level-0 editable-row"
                    data-row-key="0"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      <div
                        class="editable-cell-value-wrap"
                        style="padding-right:24px"
                      >
                        Edward King 0
                      </div>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      London, Park Lane no. 0
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <a>
                        Delete
                      </a>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0 editable-row"
                    data-row-key="1"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      <div
                        class="editable-cell-value-wrap"
                        style="padding-right:24px"
                      >
                        Edward King 1
                      </div>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      London, Park Lane no. 1
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <a>
                        Delete
                      </a>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <ul
          class="ant-pagination ant-table-pagination ant-table-pagination-right"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-prev ant-pagination-disabled"
            title="Previous Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="left"
                class="anticon anticon-left"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="left"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                  />
                </svg>
              </span>
            </button>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a
              rel="nofollow"
            >
              1
            </a>
          </li>
          <li
            aria-disabled="true"
            class="ant-pagination-next ant-pagination-disabled"
            title="Next Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="right"
                class="anticon anticon-right"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="right"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                  />
                </svg>
              </span>
            </button>
          </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-bordered"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup>
                <col
                  style="width:25%"
                />
                <col
                  style="width:15%"
                />
                <col
                  style="width:40%"
                />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    name
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    age
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    address
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    operation
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0 editable-row"
                  data-row-key="0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edrward 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a
                      class="ant-typography"
                    >
                      Edit
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0 editable-row"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edrward 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a
                      class="ant-typography"
                    >
                      Edit
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0 editable-row"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edrward 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a
                      class="ant-typography"
                    >
                      Edit
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0 editable-row"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edrward 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a
                      class="ant-typography"
                    >
                      Edit
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0 editable-row"
                  data-row-key="4"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edrward 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a
                      class="ant-typography"
                    >
                      Edit
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0 editable-row"
                  data-row-key="5"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edrward 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a
                      class="ant-typography"
                    >
                      Edit
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0 editable-row"
                  data-row-key="6"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edrward 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a
                      class="ant-typography"
                    >
                      Edit
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0 editable-row"
                  data-row-key="7"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edrward 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a
                      class="ant-typography"
                    >
                      Edit
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0 editable-row"
                  data-row-key="8"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edrward 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a
                      class="ant-typography"
                    >
                      Edit
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0 editable-row"
                  data-row-key="9"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edrward 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a
                      class="ant-typography"
                    >
                      Edit
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-2"
          tabindex="0"
          title="2"
        >
          <a
            rel="nofollow"
          >
            2
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-3"
          tabindex="0"
          title="3"
        >
          <a
            rel="nofollow"
          >
            3
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-4"
          tabindex="0"
          title="4"
        >
          <a
            rel="nofollow"
          >
            4
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
          tabindex="0"
          title="5"
        >
          <a
            rel="nofollow"
          >
            5
          </a>
        </li>
        <li
          class="ant-pagination-jump-next ant-pagination-jump-next-custom-icon"
          tabindex="0"
          title="Next 5 Pages"
        >
          <a
            class="ant-pagination-item-link"
          >
            <div
              class="ant-pagination-item-container"
            >
              <span
                aria-label="double-right"
                class="anticon anticon-double-right ant-pagination-item-link-icon"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="double-right"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"
                  />
                </svg>
              </span>
              <span
                class="ant-pagination-item-ellipsis"
              >
                •••
              </span>
            </div>
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-10"
          tabindex="0"
          title="10"
        >
          <a
            rel="nofollow"
          >
            10
          </a>
        </li>
        <li
          aria-disabled="false"
          class="ant-pagination-next"
          tabindex="0"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-options"
        >
          <div
            aria-label="Page Size"
            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-activedescendant="undefined_list_0"
                  aria-autocomplete="list"
                  aria-controls="undefined_list"
                  aria-expanded="false"
                  aria-haspopup="listbox"
                  aria-label="Page Size"
                  aria-owns="undefined_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-item"
                title="10 / page"
              >
                10 / page
              </span>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                  />
                </svg>
              </span>
            </span>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/ellipsis.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:fixed"
            >
              <colgroup>
                <col
                  style="width:150px"
                />
                <col
                  style="width:80px"
                />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    Name
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Age
                  </th>
                  <th
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="Address"
                  >
                    Address
                  </th>
                  <th
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="Long Column Long Column Long Column"
                  >
                    Long Column Long Column Long Column
                  </th>
                  <th
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="Long Column Long Column"
                  >
                    Long Column Long Column
                  </th>
                  <th
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="Long Column"
                  >
                    Long Column
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      John Brown
                    </a>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="New York No. 1 Lake Park, New York No. 1 Lake Park"
                  >
                    New York No. 1 Lake Park, New York No. 1 Lake Park
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="New York No. 1 Lake Park, New York No. 1 Lake Park"
                  >
                    New York No. 1 Lake Park, New York No. 1 Lake Park
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="New York No. 1 Lake Park, New York No. 1 Lake Park"
                  >
                    New York No. 1 Lake Park, New York No. 1 Lake Park
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="New York No. 1 Lake Park, New York No. 1 Lake Park"
                  >
                    New York No. 1 Lake Park, New York No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Jim Green
                    </a>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    42
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="London No. 2 Lake Park, London No. 2 Lake Park"
                  >
                    London No. 2 Lake Park, London No. 2 Lake Park
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="London No. 2 Lake Park, London No. 2 Lake Park"
                  >
                    London No. 2 Lake Park, London No. 2 Lake Park
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="London No. 2 Lake Park, London No. 2 Lake Park"
                  >
                    London No. 2 Lake Park, London No. 2 Lake Park
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="London No. 2 Lake Park, London No. 2 Lake Park"
                  >
                    London No. 2 Lake Park, London No. 2 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Joe Black
                    </a>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="Sidney No. 1 Lake Park, Sidney No. 1 Lake Park"
                  >
                    Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="Sidney No. 1 Lake Park, Sidney No. 1 Lake Park"
                  >
                    Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="Sidney No. 1 Lake Park, Sidney No. 1 Lake Park"
                  >
                    Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="Sidney No. 1 Lake Park, Sidney No. 1 Lake Park"
                  >
                    Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/ellipsis-custom-tooltip.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:fixed"
            >
              <colgroup>
                <col
                  style="width:150px"
                />
                <col
                  style="width:80px"
                />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    Name
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Age
                  </th>
                  <th
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="Address"
                  >
                    Address
                  </th>
                  <th
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="Long Column Long Column Long Column"
                  >
                    Long Column Long Column Long Column
                  </th>
                  <th
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="Long Column Long Column"
                  >
                    Long Column Long Column
                  </th>
                  <th
                    class="ant-table-cell ant-table-cell-ellipsis"
                    title="Long Column"
                  >
                    Long Column
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      John Brown
                    </a>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                  >
                    <span>
                      New York No. 1 Lake Park, New York No. 1 Lake Park
                    </span>
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                  >
                    <span>
                      New York No. 1 Lake Park, New York No. 1 Lake Park
                    </span>
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                  >
                    <span>
                      New York No. 1 Lake Park, New York No. 1 Lake Park
                    </span>
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                  >
                    <span>
                      New York No. 1 Lake Park, New York No. 1 Lake Park
                    </span>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Jim Green
                    </a>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    42
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                  >
                    <span>
                      London No. 2 Lake Park, London No. 2 Lake Park
                    </span>
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                  >
                    <span>
                      London No. 2 Lake Park, London No. 2 Lake Park
                    </span>
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                  >
                    <span>
                      London No. 2 Lake Park, London No. 2 Lake Park
                    </span>
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                  >
                    <span>
                      London No. 2 Lake Park, London No. 2 Lake Park
                    </span>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Joe Black
                    </a>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                  >
                    <span>
                      Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
                    </span>
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                  >
                    <span>
                      Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
                    </span>
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                  >
                    <span>
                      Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
                    </span>
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-ellipsis"
                  >
                    <span>
                      Sidney No. 1 Lake Park, Sidney No. 1 Lake Park
                    </span>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </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"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup>
                <col
                  class="ant-table-expand-icon-col"
                />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell ant-table-row-expand-icon-cell"
                  />
                  <th
                    class="ant-table-cell"
                  >
                    Name
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Age
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Address
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Action
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell ant-table-row-expand-icon-cell"
                  >
                    <button
                      aria-label="Expand row"
                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                      type="button"
                    />
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York No. 1 Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Delete
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell ant-table-row-expand-icon-cell"
                  >
                    <button
                      aria-label="Expand row"
                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                      type="button"
                    />
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Jim Green
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London No. 1 Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Delete
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell ant-table-row-expand-icon-cell"
                  >
                    <button
                      aria-label="Expand row"
                      class="ant-table-row-expand-icon ant-table-row-expand-icon-spaced"
                      type="button"
                    />
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Not Expandable
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    29
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Jiangsu No. 1 Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Delete
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="4"
                >
                  <td
                    class="ant-table-cell ant-table-row-expand-icon-cell"
                  >
                    <button
                      aria-label="Expand row"
                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                      type="button"
                    />
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Joe Black
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Sidney No. 1 Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Delete
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/filter-in-tree.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup>
                <col
                  style="width:30%"
                />
                <col />
                <col
                  style="width:40%"
                />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-table-filter-column"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        Name
                      </span>
                      <span
                        class="ant-dropdown-trigger ant-table-filter-trigger"
                        role="button"
                        tabindex="-1"
                      >
                        <span
                          aria-label="filter"
                          class="anticon anticon-filter"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="filter"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                            />
                          </svg>
                        </span>
                      </span>
                    </div>
                  </th>
                  <th
                    class="ant-table-cell ant-table-column-has-sorters"
                  >
                    <div
                      class="ant-table-column-sorters"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        Age
                      </span>
                      <span
                        class="ant-table-column-sorter ant-table-column-sorter-full"
                      >
                        <span
                          class="ant-table-column-sorter-inner"
                        >
                          <span
                            aria-label="caret-up"
                            class="anticon anticon-caret-up ant-table-column-sorter-up"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="caret-up"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                              />
                            </svg>
                          </span>
                          <span
                            aria-label="caret-down"
                            class="anticon anticon-caret-down ant-table-column-sorter-down"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="caret-down"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                              />
                            </svg>
                          </span>
                        </span>
                      </span>
                    </div>
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-table-filter-column"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        Address
                      </span>
                      <span
                        class="ant-dropdown-trigger ant-table-filter-trigger"
                        role="button"
                        tabindex="-1"
                      >
                        <span
                          aria-label="filter"
                          class="anticon anticon-filter"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="filter"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                            />
                          </svg>
                        </span>
                      </span>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jim Green
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Joe Black
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Sidney No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="4"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jim Red
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London No. 2 Lake Park
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </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-fixed-column ant-table-scroll-horizontal ant-table-has-fix-left ant-table-has-fix-right"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
            style="overflow-x:auto;overflow-y:hidden"
          >
            <table
              style="width:1300px;min-width:100%;table-layout:fixed"
            >
              <colgroup>
                <col
                  style="width:100px"
                />
                <col
                  style="width:100px"
                />
                <col />
                <col />
                <col />
                <col />
                <col />
                <col />
                <col />
                <col />
                <col
                  style="width:100px"
                />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Full Name
                  </th>
                  <th
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    Age
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 1
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 2
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 3
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 4
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 5
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 6
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 7
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 8
                  </th>
                  <th
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    Action
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  aria-hidden="true"
                  class="ant-table-measure-row"
                  style="height:0;font-size:0"
                >
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York Park
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Jim Green
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    40
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </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-fixed-header ant-table-fixed-column ant-table-scroll-horizontal ant-table-has-fix-left ant-table-has-fix-right"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-header"
            style="overflow:hidden"
          >
            <table
              style="table-layout:fixed;visibility:hidden"
            >
              <colgroup />
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Full Name
                  </th>
                  <th
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    Age
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 1
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 2
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 3
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 4
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 5
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 6
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 7
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 8
                  </th>
                  <th
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    Action
                  </th>
                </tr>
              </thead>
            </table>
          </div>
          <div
            class="ant-table-body"
            style="overflow-x:auto;overflow-y:scroll;max-height:300px"
          >
            <table
              style="width:1500px;min-width:100%;table-layout:fixed"
            >
              <colgroup>
                <col
                  style="width:100px"
                />
                <col
                  style="width:100px"
                />
                <col
                  style="width:150px"
                />
                <col
                  style="width:150px"
                />
                <col
                  style="width:150px"
                />
                <col
                  style="width:150px"
                />
                <col
                  style="width:150px"
                />
                <col
                  style="width:150px"
                />
                <col
                  style="width:150px"
                />
                <col />
                <col
                  style="width:100px"
                />
              </colgroup>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  aria-hidden="true"
                  class="ant-table-measure-row"
                  style="height:0;font-size:0"
                >
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="0"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 0
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 1
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 2
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 3
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="4"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 4
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="5"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 5
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="6"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 6
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="7"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 7
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="8"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 8
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="9"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 9
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-2"
          tabindex="0"
          title="2"
        >
          <a
            rel="nofollow"
          >
            2
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-3"
          tabindex="0"
          title="3"
        >
          <a
            rel="nofollow"
          >
            3
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-4"
          tabindex="0"
          title="4"
        >
          <a
            rel="nofollow"
          >
            4
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
          tabindex="0"
          title="5"
        >
          <a
            rel="nofollow"
          >
            5
          </a>
        </li>
        <li
          class="ant-pagination-jump-next ant-pagination-jump-next-custom-icon"
          tabindex="0"
          title="Next 5 Pages"
        >
          <a
            class="ant-pagination-item-link"
          >
            <div
              class="ant-pagination-item-container"
            >
              <span
                aria-label="double-right"
                class="anticon anticon-double-right ant-pagination-item-link-icon"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="double-right"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"
                  />
                </svg>
              </span>
              <span
                class="ant-pagination-item-ellipsis"
              >
                •••
              </span>
            </div>
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-10"
          tabindex="0"
          title="10"
        >
          <a
            rel="nofollow"
          >
            10
          </a>
        </li>
        <li
          aria-disabled="false"
          class="ant-pagination-next"
          tabindex="0"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-options"
        >
          <div
            aria-label="Page Size"
            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-activedescendant="undefined_list_0"
                  aria-autocomplete="list"
                  aria-controls="undefined_list"
                  aria-expanded="false"
                  aria-haspopup="listbox"
                  aria-label="Page Size"
                  aria-owns="undefined_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-item"
                title="10 / page"
              >
                10 / page
              </span>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                  />
                </svg>
              </span>
            </span>
          </div>
        </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-fixed-header"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-header"
            style="overflow:hidden"
          >
            <table
              style="table-layout:fixed;visibility:hidden"
            >
              <colgroup />
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    Name
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Age
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Address
                  </th>
                </tr>
              </thead>
            </table>
          </div>
          <div
            class="ant-table-body"
            style="overflow-y:scroll;max-height:240px"
          >
            <table
              style="table-layout:fixed"
            >
              <colgroup>
                <col
                  style="width:150px"
                />
                <col
                  style="width:150px"
                />
              </colgroup>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  aria-hidden="true"
                  class="ant-table-measure-row"
                  style="height:0;font-size:0"
                >
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 0
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 1
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 2
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 3
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="4"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 4
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="5"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 5
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="6"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 6
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="7"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 7
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="8"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 8
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="9"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 9
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="10"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 10
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 10
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="11"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 11
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 11
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="12"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 12
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 12
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="13"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 13
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 13
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="14"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 14
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 14
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="15"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 15
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 15
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="16"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 16
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 16
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="17"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 17
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 17
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="18"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 18
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 18
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="19"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 19
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 19
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="20"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 20
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 20
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="21"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 21
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 21
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="22"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 22
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 22
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="23"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 23
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 23
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="24"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 24
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 24
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="25"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 25
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 25
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="26"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 26
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 26
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="27"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 27
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 27
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="28"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 28
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 28
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="29"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 29
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 29
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="30"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 30
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 30
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="31"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 31
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 31
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="32"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 32
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="33"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 33
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 33
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="34"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 34
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 34
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="35"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 35
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 35
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="36"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 36
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 36
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="37"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 37
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 37
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="38"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 38
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 38
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="39"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 39
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 39
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="40"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 40
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 40
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="41"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 41
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 41
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="42"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 42
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="43"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 43
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 43
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="44"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 44
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 44
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="45"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 45
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 45
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="46"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 46
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 46
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="47"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 47
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 47
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="48"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 48
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 48
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="49"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 49
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 49
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-2"
          tabindex="0"
          title="2"
        >
          <a
            rel="nofollow"
          >
            2
          </a>
        </li>
        <li
          aria-disabled="false"
          class="ant-pagination-next"
          tabindex="0"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-options"
        >
          <div
            aria-label="Page Size"
            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-activedescendant="undefined_list_0"
                  aria-autocomplete="list"
                  aria-controls="undefined_list"
                  aria-expanded="false"
                  aria-haspopup="listbox"
                  aria-label="Page Size"
                  aria-owns="undefined_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-item"
                title="50 / page"
              >
                50 / page
              </span>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                  />
                </svg>
              </span>
            </span>
          </div>
        </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-fixed-column ant-table-scroll-horizontal ant-table-has-fix-left ant-table-has-fix-right"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-header"
            style="overflow:hidden"
          >
            <table
              style="table-layout:fixed;visibility:hidden"
            >
              <colgroup />
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    rowspan="4"
                    style="position:sticky;left:0"
                  >
                    <div
                      class="ant-table-filter-column"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        Name
                      </span>
                      <span
                        class="ant-dropdown-trigger ant-table-filter-trigger"
                        role="button"
                        tabindex="-1"
                      >
                        <span
                          aria-label="filter"
                          class="anticon anticon-filter"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="filter"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                            />
                          </svg>
                        </span>
                      </span>
                    </div>
                  </th>
                  <th
                    class="ant-table-cell"
                    colspan="4"
                  >
                    Other
                  </th>
                  <th
                    class="ant-table-cell"
                    colspan="2"
                  >
                    Company
                  </th>
                  <th
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    rowspan="4"
                    style="position:sticky;right:0"
                  >
                    Gender
                  </th>
                </tr>
                <tr>
                  <th
                    class="ant-table-cell ant-table-column-has-sorters"
                    rowspan="3"
                  >
                    <div
                      class="ant-table-column-sorters"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        Age
                      </span>
                      <span
                        class="ant-table-column-sorter ant-table-column-sorter-full"
                      >
                        <span
                          class="ant-table-column-sorter-inner"
                        >
                          <span
                            aria-label="caret-up"
                            class="anticon anticon-caret-up ant-table-column-sorter-up"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="caret-up"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                              />
                            </svg>
                          </span>
                          <span
                            aria-label="caret-down"
                            class="anticon anticon-caret-down ant-table-column-sorter-down"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="caret-down"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                              />
                            </svg>
                          </span>
                        </span>
                      </span>
                    </div>
                  </th>
                  <th
                    class="ant-table-cell"
                    colspan="3"
                  >
                    Address
                  </th>
                  <th
                    class="ant-table-cell"
                    rowspan="3"
                  >
                    Company Address
                  </th>
                  <th
                    class="ant-table-cell"
                    rowspan="3"
                  >
                    Company Name
                  </th>
                </tr>
                <tr>
                  <th
                    class="ant-table-cell"
                    rowspan="2"
                  >
                    Street
                  </th>
                  <th
                    class="ant-table-cell"
                    colspan="2"
                  >
                    Block
                  </th>
                </tr>
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    Building
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Door No.
                  </th>
                </tr>
              </thead>
            </table>
          </div>
          <div
            class="ant-table-body"
            style="overflow-x:auto;overflow-y:scroll;max-height:240px"
          >
            <table
              style="width:calc(700px + 50%);min-width:100%;table-layout:fixed"
            >
              <colgroup>
                <col
                  style="width:100px"
                />
                <col
                  style="width:150px"
                />
                <col
                  style="width:150px"
                />
                <col
                  style="width:100px"
                />
                <col
                  style="width:100px"
                />
                <col
                  style="width:200px"
                />
                <col />
                <col
                  style="width:80px"
                />
              </colgroup>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  aria-hidden="true"
                  class="ant-table-measure-row"
                  style="height:0;font-size:0"
                >
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="0"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    C
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    2035
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Street 42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    SoftLake Co
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    M
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    C
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    2035
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Street 42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    SoftLake Co
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    M
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    C
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    2035
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Street 42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    SoftLake Co
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    M
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    C
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    2035
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Street 42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    SoftLake Co
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    M
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="4"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    C
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    2035
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Street 42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    SoftLake Co
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    M
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="5"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    C
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    2035
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Street 42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    SoftLake Co
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    M
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="6"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    C
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    2035
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Street 42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    SoftLake Co
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    M
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="7"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    C
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    2035
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Street 42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    SoftLake Co
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    M
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="8"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    C
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    2035
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Street 42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    SoftLake Co
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    M
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="9"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    10
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    C
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    2035
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Lake Street 42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    SoftLake Co
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    M
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination mini ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-2"
          tabindex="0"
          title="2"
        >
          <a
            rel="nofollow"
          >
            2
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-3"
          tabindex="0"
          title="3"
        >
          <a
            rel="nofollow"
          >
            3
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-4"
          tabindex="0"
          title="4"
        >
          <a
            rel="nofollow"
          >
            4
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
          tabindex="0"
          title="5"
        >
          <a
            rel="nofollow"
          >
            5
          </a>
        </li>
        <li
          class="ant-pagination-jump-next ant-pagination-jump-next-custom-icon"
          tabindex="0"
          title="Next 5 Pages"
        >
          <a
            class="ant-pagination-item-link"
          >
            <div
              class="ant-pagination-item-container"
            >
              <span
                aria-label="double-right"
                class="anticon anticon-double-right ant-pagination-item-link-icon"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="double-right"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"
                  />
                </svg>
              </span>
              <span
                class="ant-pagination-item-ellipsis"
              >
                •••
              </span>
            </div>
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-10"
          tabindex="0"
          title="10"
        >
          <a
            rel="nofollow"
          >
            10
          </a>
        </li>
        <li
          aria-disabled="false"
          class="ant-pagination-next"
          tabindex="0"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-options"
        >
          <div
            aria-label="Page Size"
            class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-activedescendant="undefined_list_0"
                  aria-autocomplete="list"
                  aria-controls="undefined_list"
                  aria-expanded="false"
                  aria-haspopup="listbox"
                  aria-label="Page Size"
                  aria-owns="undefined_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-item"
                title="10 / page"
              >
                10 / page
              </span>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                  />
                </svg>
              </span>
            </span>
          </div>
        </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"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup />
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell ant-table-column-has-sorters"
                  >
                    <div
                      class="ant-table-filter-column"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        <div
                          class="ant-table-column-sorters"
                        >
                          <span
                            class="ant-table-column-title"
                          >
                            Name
                          </span>
                          <span
                            class="ant-table-column-sorter"
                          >
                            <span
                              class="ant-table-column-sorter-inner"
                            >
                              <span
                                aria-label="caret-down"
                                class="anticon anticon-caret-down ant-table-column-sorter-down"
                                role="img"
                              >
                                <svg
                                  aria-hidden="true"
                                  data-icon="caret-down"
                                  fill="currentColor"
                                  focusable="false"
                                  height="1em"
                                  viewBox="0 0 1024 1024"
                                  width="1em"
                                >
                                  <path
                                    d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                                  />
                                </svg>
                              </span>
                            </span>
                          </span>
                        </div>
                      </span>
                      <span
                        class="ant-dropdown-trigger ant-table-filter-trigger"
                        role="button"
                        tabindex="-1"
                      >
                        <span
                          aria-label="filter"
                          class="anticon anticon-filter"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="filter"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                            />
                          </svg>
                        </span>
                      </span>
                    </div>
                  </th>
                  <th
                    class="ant-table-cell ant-table-column-sort ant-table-column-has-sorters"
                  >
                    <div
                      class="ant-table-column-sorters"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        Age
                      </span>
                      <span
                        class="ant-table-column-sorter ant-table-column-sorter-full"
                      >
                        <span
                          class="ant-table-column-sorter-inner"
                        >
                          <span
                            aria-label="caret-up"
                            class="anticon anticon-caret-up ant-table-column-sorter-up"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="caret-up"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                              />
                            </svg>
                          </span>
                          <span
                            aria-label="caret-down"
                            class="anticon anticon-caret-down ant-table-column-sorter-down active"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="caret-down"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                              />
                            </svg>
                          </span>
                        </span>
                      </span>
                    </div>
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-table-filter-column"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        Address
                      </span>
                      <span
                        class="ant-dropdown-trigger ant-table-filter-trigger"
                        role="button"
                        tabindex="-1"
                      >
                        <span
                          aria-label="filter"
                          class="anticon anticon-filter"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="filter"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                            />
                          </svg>
                        </span>
                      </span>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jim Green
                  </td>
                  <td
                    class="ant-table-cell ant-table-column-sort"
                  >
                    42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell ant-table-column-sort"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Joe Black
                  </td>
                  <td
                    class="ant-table-cell ant-table-column-sort"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Sidney No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="4"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jim Red
                  </td>
                  <td
                    class="ant-table-cell ant-table-column-sort"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London No. 2 Lake Park
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </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"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup />
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell"
                    colspan="2"
                  >
                    Name
                  </th>
                  <th
                    class="ant-table-cell"
                    rowspan="2"
                  >
                    Age
                  </th>
                  <th
                    class="ant-table-cell"
                    rowspan="2"
                  >
                    Address
                  </th>
                  <th
                    class="ant-table-cell"
                    rowspan="2"
                  >
                    Tags
                  </th>
                  <th
                    class="ant-table-cell"
                    rowspan="2"
                  >
                    Action
                  </th>
                </tr>
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    First Name
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Last Name
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell"
                  >
                    John
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York No. 1 Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <span
                      class="ant-tag ant-tag-blue"
                    >
                      nice
                    </span>
                    <span
                      class="ant-tag ant-tag-blue"
                    >
                      developer
                    </span>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center"
                    >
                      <div
                        class="ant-space-item"
                        style="margin-right:16px"
                      >
                        <a>
                          Invite Brown
                        </a>
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <a>
                          Delete
                        </a>
                      </div>
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jim
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Green
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    42
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London No. 1 Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <span
                      class="ant-tag ant-tag-blue"
                    >
                      loser
                    </span>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center"
                    >
                      <div
                        class="ant-space-item"
                        style="margin-right:16px"
                      >
                        <a>
                          Invite Green
                        </a>
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <a>
                          Delete
                        </a>
                      </div>
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Joe
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Black
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Sidney No. 1 Lake Park
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <span
                      class="ant-tag ant-tag-blue"
                    >
                      cool
                    </span>
                    <span
                      class="ant-tag ant-tag-blue"
                    >
                      teacher
                    </span>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center"
                    >
                      <div
                        class="ant-space-item"
                        style="margin-right:16px"
                      >
                        <a>
                          Invite Black
                        </a>
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <a>
                          Delete
                        </a>
                      </div>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/multiple-sorter.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup />
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    Name
                  </th>
                  <th
                    class="ant-table-cell ant-table-column-has-sorters"
                  >
                    <div
                      class="ant-table-column-sorters"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        Chinese Score
                      </span>
                      <span
                        class="ant-table-column-sorter ant-table-column-sorter-full"
                      >
                        <span
                          class="ant-table-column-sorter-inner"
                        >
                          <span
                            aria-label="caret-up"
                            class="anticon anticon-caret-up ant-table-column-sorter-up"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="caret-up"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                              />
                            </svg>
                          </span>
                          <span
                            aria-label="caret-down"
                            class="anticon anticon-caret-down ant-table-column-sorter-down"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="caret-down"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                              />
                            </svg>
                          </span>
                        </span>
                      </span>
                    </div>
                  </th>
                  <th
                    class="ant-table-cell ant-table-column-has-sorters"
                  >
                    <div
                      class="ant-table-column-sorters"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        Math Score
                      </span>
                      <span
                        class="ant-table-column-sorter ant-table-column-sorter-full"
                      >
                        <span
                          class="ant-table-column-sorter-inner"
                        >
                          <span
                            aria-label="caret-up"
                            class="anticon anticon-caret-up ant-table-column-sorter-up"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="caret-up"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                              />
                            </svg>
                          </span>
                          <span
                            aria-label="caret-down"
                            class="anticon anticon-caret-down ant-table-column-sorter-down"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="caret-down"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                              />
                            </svg>
                          </span>
                        </span>
                      </span>
                    </div>
                  </th>
                  <th
                    class="ant-table-cell ant-table-column-has-sorters"
                  >
                    <div
                      class="ant-table-column-sorters"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        English Score
                      </span>
                      <span
                        class="ant-table-column-sorter ant-table-column-sorter-full"
                      >
                        <span
                          class="ant-table-column-sorter-inner"
                        >
                          <span
                            aria-label="caret-up"
                            class="anticon anticon-caret-up ant-table-column-sorter-up"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="caret-up"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                              />
                            </svg>
                          </span>
                          <span
                            aria-label="caret-down"
                            class="anticon anticon-caret-down ant-table-column-sorter-down"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="caret-down"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                              />
                            </svg>
                          </span>
                        </span>
                      </span>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    98
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    60
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    70
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jim Green
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    98
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    66
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    89
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Joe Black
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    98
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    90
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    70
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="4"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jim Red
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    88
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    99
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    89
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/narrow.md correctly 1`] = `
<div
  style="width:300px"
>
  <div
    class="ant-table-wrapper"
  >
    <div
      class="ant-spin-nested-loading"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="ant-table ant-table-small"
        >
          <div
            class="ant-table-container"
          >
            <div
              class="ant-table-content"
            >
              <table
                style="table-layout:auto"
              >
                <colgroup />
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-cell"
                    >
                      Name
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Age
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Address
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="120"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Sample Name
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      30
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Sample Address 120
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="121"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Sample Name
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      31
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Sample Address 121
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="122"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Sample Name
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Sample Address 122
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="123"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Sample Name
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      33
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Sample Address 123
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="124"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Sample Name
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      34
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Sample Address 124
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="125"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Sample Name
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      30
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Sample Address 125
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="126"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Sample Name
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      31
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Sample Address 126
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="127"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Sample Name
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Sample Address 127
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="128"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Sample Name
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      33
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Sample Address 128
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="129"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Sample Name
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      34
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Sample Address 129
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <ul
          class="ant-pagination mini ant-table-pagination ant-table-pagination-right"
          unselectable="unselectable"
        >
          <li
            aria-disabled="false"
            class="ant-pagination-prev"
            tabindex="0"
            title="Previous Page"
          >
            <button
              class="ant-pagination-item-link"
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="left"
                class="anticon anticon-left"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="left"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                  />
                </svg>
              </span>
            </button>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1"
            tabindex="0"
            title="1"
          >
            <a
              rel="nofollow"
            >
              1
            </a>
          </li>
          <li
            class="ant-pagination-jump-prev ant-pagination-jump-prev-custom-icon"
            tabindex="0"
            title="Previous 5 Pages"
          >
            <a
              class="ant-pagination-item-link"
            >
              <div
                class="ant-pagination-item-container"
              >
                <span
                  aria-label="double-left"
                  class="anticon anticon-double-left ant-pagination-item-link-icon"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="double-left"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 000 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z"
                    />
                  </svg>
                </span>
                <span
                  class="ant-pagination-item-ellipsis"
                >
                  •••
                </span>
              </div>
            </a>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-11 ant-pagination-item-after-jump-prev"
            tabindex="0"
            title="11"
          >
            <a
              rel="nofollow"
            >
              11
            </a>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-12"
            tabindex="0"
            title="12"
          >
            <a
              rel="nofollow"
            >
              12
            </a>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-13 ant-pagination-item-active"
            tabindex="0"
            title="13"
          >
            <a
              rel="nofollow"
            >
              13
            </a>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-14"
            tabindex="0"
            title="14"
          >
            <a
              rel="nofollow"
            >
              14
            </a>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-15 ant-pagination-item-before-jump-next"
            tabindex="0"
            title="15"
          >
            <a
              rel="nofollow"
            >
              15
            </a>
          </li>
          <li
            class="ant-pagination-jump-next ant-pagination-jump-next-custom-icon"
            tabindex="0"
            title="Next 5 Pages"
          >
            <a
              class="ant-pagination-item-link"
            >
              <div
                class="ant-pagination-item-container"
              >
                <span
                  aria-label="double-right"
                  class="anticon anticon-double-right ant-pagination-item-link-icon"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="double-right"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"
                    />
                  </svg>
                </span>
                <span
                  class="ant-pagination-item-ellipsis"
                >
                  •••
                </span>
              </div>
            </a>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-20"
            tabindex="0"
            title="20"
          >
            <a
              rel="nofollow"
            >
              20
            </a>
          </li>
          <li
            aria-disabled="false"
            class="ant-pagination-next"
            tabindex="0"
            title="Next Page"
          >
            <button
              class="ant-pagination-item-link"
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="right"
                class="anticon anticon-right"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="right"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                  />
                </svg>
              </span>
            </button>
          </li>
          <li
            class="ant-pagination-options"
          >
            <div
              aria-label="Page Size"
              class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
            >
              <div
                class="ant-select-selector"
              >
                <span
                  class="ant-select-selection-search"
                >
                  <input
                    aria-activedescendant="undefined_list_0"
                    aria-autocomplete="list"
                    aria-controls="undefined_list"
                    aria-expanded="false"
                    aria-haspopup="listbox"
                    aria-label="Page Size"
                    aria-owns="undefined_list"
                    autocomplete="off"
                    class="ant-select-selection-search-input"
                    readonly=""
                    role="combobox"
                    style="opacity:0"
                    type="search"
                    unselectable="on"
                    value=""
                  />
                </span>
                <span
                  class="ant-select-selection-item"
                  title="10 / page"
                >
                  10 / page
                </span>
              </div>
              <span
                aria-hidden="true"
                class="ant-select-arrow"
                style="user-select:none;-webkit-user-select:none"
                unselectable="on"
              >
                <span
                  aria-label="down"
                  class="anticon anticon-down ant-select-suffix"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    data-icon="down"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                    />
                  </svg>
                </span>
              </span>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/nest-table-border-debug.md correctly 1`] = `
Array [
  <form
    class="ant-form ant-form-inline components-table-demo-control-bar"
    style="margin-bottom:16px"
  >
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="Root Table Bordered"
        >
          Root Table Bordered
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <button
              aria-checked="true"
              class="ant-switch ant-switch-checked"
              role="switch"
              type="button"
            >
              <div
                class="ant-switch-handle"
              />
              <span
                class="ant-switch-inner"
              />
            </button>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ant-row ant-form-item"
    >
      <div
        class="ant-col ant-form-item-label"
      >
        <label
          class=""
          title="Child Table Bordered"
        >
          Child Table Bordered
        </label>
      </div>
      <div
        class="ant-col ant-form-item-control"
      >
        <div
          class="ant-form-item-control-input"
        >
          <div
            class="ant-form-item-control-input-content"
          >
            <button
              aria-checked="true"
              class="ant-switch ant-switch-checked"
              role="switch"
              type="button"
            >
              <div
                class="ant-switch-handle"
              />
              <span
                class="ant-switch-inner"
              />
            </button>
          </div>
        </div>
      </div>
    </div>
  </form>,
  <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-bordered"
        >
          <div
            class="ant-table-title"
          >
            cool
          </div>
          <div
            class="ant-table-container"
          >
            <div
              class="ant-table-content"
            >
              <table
                style="table-layout:auto"
              >
                <colgroup>
                  <col
                    class="ant-table-expand-icon-col"
                  />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-cell ant-table-row-expand-icon-cell"
                    />
                    <th
                      class="ant-table-cell"
                    >
                      Name
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Platform
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Version
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Upgraded
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Creator
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Date
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Action
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="0"
                  >
                    <td
                      class="ant-table-cell ant-table-row-expand-icon-cell"
                    >
                      <button
                        aria-label="Expand row"
                        class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                        type="button"
                      />
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Screem
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      iOS
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      10.3.4.5654
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      500
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Jack
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      2014-12-24 23:12:00
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <a>
                        Publish
                      </a>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="1"
                  >
                    <td
                      class="ant-table-cell ant-table-row-expand-icon-cell"
                    >
                      <button
                        aria-label="Expand row"
                        class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                        type="button"
                      />
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Screem
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      iOS
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      10.3.4.5654
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      500
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Jack
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      2014-12-24 23:12:00
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <a>
                        Publish
                      </a>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="2"
                  >
                    <td
                      class="ant-table-cell ant-table-row-expand-icon-cell"
                    >
                      <button
                        aria-label="Expand row"
                        class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                        type="button"
                      />
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Screem
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      iOS
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      10.3.4.5654
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      500
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Jack
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      2014-12-24 23:12:00
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <a>
                        Publish
                      </a>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
          <div
            class="ant-table-footer"
          >
            cool
          </div>
        </div>
        <ul
          class="ant-pagination ant-table-pagination ant-table-pagination-right"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-prev ant-pagination-disabled"
            title="Previous Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="left"
                class="anticon anticon-left"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="left"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                  />
                </svg>
              </span>
            </button>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a
              rel="nofollow"
            >
              1
            </a>
          </li>
          <li
            aria-disabled="true"
            class="ant-pagination-next ant-pagination-disabled"
            title="Next Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="right"
                class="anticon anticon-right"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="right"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                  />
                </svg>
              </span>
            </button>
          </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"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup>
                <col
                  class="ant-table-expand-icon-col"
                />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell ant-table-row-expand-icon-cell"
                  />
                  <th
                    class="ant-table-cell"
                  >
                    Name
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Platform
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Version
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Upgraded
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Creator
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Date
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Action
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="0"
                >
                  <td
                    class="ant-table-cell ant-table-row-expand-icon-cell"
                  >
                    <button
                      aria-label="Expand row"
                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                      type="button"
                    />
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Screem
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    iOS
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    10.3.4.5654
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    500
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Jack
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    2014-12-24 23:12:00
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Publish
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell ant-table-row-expand-icon-cell"
                  >
                    <button
                      aria-label="Expand row"
                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                      type="button"
                    />
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Screem
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    iOS
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    10.3.4.5654
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    500
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Jack
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    2014-12-24 23:12:00
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Publish
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell ant-table-row-expand-icon-cell"
                  >
                    <button
                      aria-label="Expand row"
                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                      type="button"
                    />
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Screem
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    iOS
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    10.3.4.5654
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    500
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Jack
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    2014-12-24 23:12:00
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Publish
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/order-column.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup>
                <col />
                <col
                  class="ant-table-expand-icon-col"
                />
                <col />
                <col
                  class="ant-table-selection-col"
                />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    Name
                  </th>
                  <th
                    class="ant-table-cell ant-table-row-expand-icon-cell"
                  />
                  <th
                    class="ant-table-cell"
                  >
                    Age
                  </th>
                  <th
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <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>
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Address
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell"
                  >
                    John Brown
                  </td>
                  <td
                    class="ant-table-cell ant-table-row-expand-icon-cell"
                  >
                    <button
                      aria-label="Expand row"
                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                      type="button"
                    />
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    New York No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Jim Green
                  </td>
                  <td
                    class="ant-table-cell ant-table-row-expand-icon-cell"
                  >
                    <button
                      aria-label="Expand row"
                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                      type="button"
                    />
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    42
                  </td>
                  <td
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Not Expandable
                  </td>
                  <td
                    class="ant-table-cell ant-table-row-expand-icon-cell"
                  >
                    <button
                      aria-label="Expand row"
                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                      type="button"
                    />
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    29
                  </td>
                  <td
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Jiangsu No. 1 Lake Park
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="4"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Joe Black
                  </td>
                  <td
                    class="ant-table-cell ant-table-row-expand-icon-cell"
                  >
                    <button
                      aria-label="Expand row"
                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                      type="button"
                    />
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Sidney No. 1 Lake Park
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/pagination.md correctly 1`] = `
<div>
  <div>
    <div
      class="ant-radio-group ant-radio-group-outline"
      style="margin-bottom:10px"
    >
      <label
        class="ant-radio-wrapper ant-radio-wrapper-checked"
      >
        <span
          class="ant-radio ant-radio-checked"
        >
          <input
            checked=""
            class="ant-radio-input"
            type="radio"
            value="topLeft"
          />
          <span
            class="ant-radio-inner"
          />
        </span>
        <span>
          topLeft
        </span>
      </label>
      <label
        class="ant-radio-wrapper"
      >
        <span
          class="ant-radio"
        >
          <input
            class="ant-radio-input"
            type="radio"
            value="topCenter"
          />
          <span
            class="ant-radio-inner"
          />
        </span>
        <span>
          topCenter
        </span>
      </label>
      <label
        class="ant-radio-wrapper"
      >
        <span
          class="ant-radio"
        >
          <input
            class="ant-radio-input"
            type="radio"
            value="topRight"
          />
          <span
            class="ant-radio-inner"
          />
        </span>
        <span>
          topRight
        </span>
      </label>
      <label
        class="ant-radio-wrapper"
      >
        <span
          class="ant-radio"
        >
          <input
            class="ant-radio-input"
            type="radio"
            value="none"
          />
          <span
            class="ant-radio-inner"
          />
        </span>
        <span>
          none
        </span>
      </label>
    </div>
  </div>
  <div
    class="ant-radio-group ant-radio-group-outline"
    style="margin-bottom:10px"
  >
    <label
      class="ant-radio-wrapper"
    >
      <span
        class="ant-radio"
      >
        <input
          class="ant-radio-input"
          type="radio"
          value="bottomLeft"
        />
        <span
          class="ant-radio-inner"
        />
      </span>
      <span>
        bottomLeft
      </span>
    </label>
    <label
      class="ant-radio-wrapper"
    >
      <span
        class="ant-radio"
      >
        <input
          class="ant-radio-input"
          type="radio"
          value="bottomCenter"
        />
        <span
          class="ant-radio-inner"
        />
      </span>
      <span>
        bottomCenter
      </span>
    </label>
    <label
      class="ant-radio-wrapper ant-radio-wrapper-checked"
    >
      <span
        class="ant-radio ant-radio-checked"
      >
        <input
          checked=""
          class="ant-radio-input"
          type="radio"
          value="bottomRight"
        />
        <span
          class="ant-radio-inner"
        />
      </span>
      <span>
        bottomRight
      </span>
    </label>
    <label
      class="ant-radio-wrapper"
    >
      <span
        class="ant-radio"
      >
        <input
          class="ant-radio-input"
          type="radio"
          value="none"
        />
        <span
          class="ant-radio-inner"
        />
      </span>
      <span>
        none
      </span>
    </label>
  </div>
  <div
    class="ant-table-wrapper"
  >
    <div
      class="ant-spin-nested-loading"
    >
      <div
        class="ant-spin-container"
      >
        <ul
          class="ant-pagination ant-table-pagination ant-table-pagination-left"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-prev ant-pagination-disabled"
            title="Previous Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="left"
                class="anticon anticon-left"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="left"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                  />
                </svg>
              </span>
            </button>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a
              rel="nofollow"
            >
              1
            </a>
          </li>
          <li
            aria-disabled="true"
            class="ant-pagination-next ant-pagination-disabled"
            title="Next Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="right"
                class="anticon anticon-right"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="right"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                  />
                </svg>
              </span>
            </button>
          </li>
        </ul>
        <div
          class="ant-table"
        >
          <div
            class="ant-table-container"
          >
            <div
              class="ant-table-content"
            >
              <table
                style="table-layout:auto"
              >
                <colgroup />
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-cell"
                    >
                      Name
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Age
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Address
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Tags
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Action
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="1"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      <a>
                        John Brown
                      </a>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      New York No. 1 Lake Park
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <span>
                        <span
                          class="ant-tag ant-tag-green"
                        >
                          NICE
                        </span>
                        <span
                          class="ant-tag ant-tag-geekblue"
                        >
                          DEVELOPER
                        </span>
                      </span>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <div
                        class="ant-space ant-space-horizontal ant-space-align-center"
                      >
                        <div
                          class="ant-space-item"
                          style="margin-right:16px"
                        >
                          <a>
                            Invite John Brown
                          </a>
                        </div>
                        <div
                          class="ant-space-item"
                        >
                          <a>
                            Delete
                          </a>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="2"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      <a>
                        Jim Green
                      </a>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      42
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      London No. 1 Lake Park
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <span>
                        <span
                          class="ant-tag ant-tag-volcano"
                        >
                          LOSER
                        </span>
                      </span>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <div
                        class="ant-space ant-space-horizontal ant-space-align-center"
                      >
                        <div
                          class="ant-space-item"
                          style="margin-right:16px"
                        >
                          <a>
                            Invite Jim Green
                          </a>
                        </div>
                        <div
                          class="ant-space-item"
                        >
                          <a>
                            Delete
                          </a>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="3"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      <a>
                        Joe Black
                      </a>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Sidney No. 1 Lake Park
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <span>
                        <span
                          class="ant-tag ant-tag-green"
                        >
                          COOL
                        </span>
                        <span
                          class="ant-tag ant-tag-geekblue"
                        >
                          TEACHER
                        </span>
                      </span>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <div
                        class="ant-space ant-space-horizontal ant-space-align-center"
                      >
                        <div
                          class="ant-space-item"
                          style="margin-right:16px"
                        >
                          <a>
                            Invite Joe Black
                          </a>
                        </div>
                        <div
                          class="ant-space-item"
                        >
                          <a>
                            Delete
                          </a>
                        </div>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <ul
          class="ant-pagination ant-table-pagination ant-table-pagination-right"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-prev ant-pagination-disabled"
            title="Previous Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="left"
                class="anticon anticon-left"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="left"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                  />
                </svg>
              </span>
            </button>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a
              rel="nofollow"
            >
              1
            </a>
          </li>
          <li
            aria-disabled="true"
            class="ant-pagination-next ant-pagination-disabled"
            title="Next Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="right"
                class="anticon anticon-right"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="right"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                  />
                </svg>
              </span>
            </button>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
Array [
  <div
    class="ant-space ant-space-horizontal ant-space-align-center"
    style="margin-bottom:16px"
  >
    <div
      class="ant-space-item"
      style="margin-right:8px"
    >
      <button
        class="ant-btn"
        type="button"
      >
        <span>
          Sort age
        </span>
      </button>
    </div>
    <div
      class="ant-space-item"
      style="margin-right:8px"
    >
      <button
        class="ant-btn"
        type="button"
      >
        <span>
          Clear filters
        </span>
      </button>
    </div>
    <div
      class="ant-space-item"
    >
      <button
        class="ant-btn"
        type="button"
      >
        <span>
          Clear filters and sorters
        </span>
      </button>
    </div>
  </div>,
  <div
    class="ant-table-wrapper"
  >
    <div
      class="ant-spin-nested-loading"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="ant-table"
        >
          <div
            class="ant-table-container"
          >
            <div
              class="ant-table-content"
            >
              <table
                style="table-layout:fixed"
              >
                <colgroup />
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-cell ant-table-cell-ellipsis ant-table-column-has-sorters"
                    >
                      <div
                        class="ant-table-filter-column"
                      >
                        <span
                          class="ant-table-column-title"
                        >
                          <div
                            class="ant-table-column-sorters"
                          >
                            <span
                              class="ant-table-column-title"
                            >
                              Name
                            </span>
                            <span
                              class="ant-table-column-sorter ant-table-column-sorter-full"
                            >
                              <span
                                class="ant-table-column-sorter-inner"
                              >
                                <span
                                  aria-label="caret-up"
                                  class="anticon anticon-caret-up ant-table-column-sorter-up"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="caret-up"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="0 0 1024 1024"
                                    width="1em"
                                  >
                                    <path
                                      d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                                    />
                                  </svg>
                                </span>
                                <span
                                  aria-label="caret-down"
                                  class="anticon anticon-caret-down ant-table-column-sorter-down"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="caret-down"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="0 0 1024 1024"
                                    width="1em"
                                  >
                                    <path
                                      d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                                    />
                                  </svg>
                                </span>
                              </span>
                            </span>
                          </div>
                        </span>
                        <span
                          class="ant-dropdown-trigger ant-table-filter-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          <span
                            aria-label="filter"
                            class="anticon anticon-filter"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="filter"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                              />
                            </svg>
                          </span>
                        </span>
                      </div>
                    </th>
                    <th
                      class="ant-table-cell ant-table-cell-ellipsis ant-table-column-has-sorters"
                    >
                      <div
                        class="ant-table-column-sorters"
                      >
                        <span
                          class="ant-table-column-title"
                        >
                          Age
                        </span>
                        <span
                          class="ant-table-column-sorter ant-table-column-sorter-full"
                        >
                          <span
                            class="ant-table-column-sorter-inner"
                          >
                            <span
                              aria-label="caret-up"
                              class="anticon anticon-caret-up ant-table-column-sorter-up"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="caret-up"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="0 0 1024 1024"
                                width="1em"
                              >
                                <path
                                  d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                                />
                              </svg>
                            </span>
                            <span
                              aria-label="caret-down"
                              class="anticon anticon-caret-down ant-table-column-sorter-down"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="caret-down"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="0 0 1024 1024"
                                width="1em"
                              >
                                <path
                                  d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                                />
                              </svg>
                            </span>
                          </span>
                        </span>
                      </div>
                    </th>
                    <th
                      class="ant-table-cell ant-table-cell-ellipsis ant-table-column-has-sorters"
                    >
                      <div
                        class="ant-table-filter-column"
                      >
                        <span
                          class="ant-table-column-title"
                        >
                          <div
                            class="ant-table-column-sorters"
                          >
                            <span
                              class="ant-table-column-title"
                            >
                              Address
                            </span>
                            <span
                              class="ant-table-column-sorter ant-table-column-sorter-full"
                            >
                              <span
                                class="ant-table-column-sorter-inner"
                              >
                                <span
                                  aria-label="caret-up"
                                  class="anticon anticon-caret-up ant-table-column-sorter-up"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="caret-up"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="0 0 1024 1024"
                                    width="1em"
                                  >
                                    <path
                                      d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                                    />
                                  </svg>
                                </span>
                                <span
                                  aria-label="caret-down"
                                  class="anticon anticon-caret-down ant-table-column-sorter-down"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="caret-down"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="0 0 1024 1024"
                                    width="1em"
                                  >
                                    <path
                                      d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                                    />
                                  </svg>
                                </span>
                              </span>
                            </span>
                          </div>
                        </span>
                        <span
                          class="ant-dropdown-trigger ant-table-filter-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          <span
                            aria-label="filter"
                            class="anticon anticon-filter"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="filter"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                              />
                            </svg>
                          </span>
                        </span>
                      </div>
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="1"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-ellipsis"
                      title="John Brown"
                    >
                      John Brown
                    </td>
                    <td
                      class="ant-table-cell ant-table-cell-ellipsis"
                      title="32"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell ant-table-cell-ellipsis"
                      title="New York No. 1 Lake Park"
                    >
                      New York No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="2"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-ellipsis"
                      title="Jim Green"
                    >
                      Jim Green
                    </td>
                    <td
                      class="ant-table-cell ant-table-cell-ellipsis"
                      title="42"
                    >
                      42
                    </td>
                    <td
                      class="ant-table-cell ant-table-cell-ellipsis"
                      title="London No. 1 Lake Park"
                    >
                      London No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="3"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-ellipsis"
                      title="Joe Black"
                    >
                      Joe Black
                    </td>
                    <td
                      class="ant-table-cell ant-table-cell-ellipsis"
                      title="32"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell ant-table-cell-ellipsis"
                      title="Sidney No. 1 Lake Park"
                    >
                      Sidney No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="4"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-ellipsis"
                      title="Jim Red"
                    >
                      Jim Red
                    </td>
                    <td
                      class="ant-table-cell ant-table-cell-ellipsis"
                      title="32"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell ant-table-cell-ellipsis"
                      title="London No. 2 Lake Park"
                    >
                      London No. 2 Lake Park
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <ul
          class="ant-pagination ant-table-pagination ant-table-pagination-right"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-prev ant-pagination-disabled"
            title="Previous Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="left"
                class="anticon anticon-left"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="left"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                  />
                </svg>
              </span>
            </button>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a
              rel="nofollow"
            >
              1
            </a>
          </li>
          <li
            aria-disabled="true"
            class="ant-pagination-next ant-pagination-disabled"
            title="Next Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="right"
                class="anticon anticon-right"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="right"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                  />
                </svg>
              </span>
            </button>
          </li>
        </ul>
      </div>
    </div>
  </div>,
]
`;

exports[`renders ./components/table/demo/resizable-column.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-bordered"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup>
                <col
                  style="width:200px"
                />
                <col
                  style="width:100px"
                />
                <col
                  style="width:100px"
                />
                <col
                  style="width:100px"
                />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell react-resizable"
                  >
                    Date
                    <span
                      class="react-resizable-handle"
                    />
                  </th>
                  <th
                    class="ant-table-cell ant-table-column-has-sorters react-resizable"
                  >
                    <div
                      class="ant-table-column-sorters"
                    >
                      <span
                        class="ant-table-column-title"
                      >
                        Amount
                      </span>
                      <span
                        class="ant-table-column-sorter ant-table-column-sorter-full"
                      >
                        <span
                          class="ant-table-column-sorter-inner"
                        >
                          <span
                            aria-label="caret-up"
                            class="anticon anticon-caret-up ant-table-column-sorter-up"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="caret-up"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                              />
                            </svg>
                          </span>
                          <span
                            aria-label="caret-down"
                            class="anticon anticon-caret-down ant-table-column-sorter-down"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="caret-down"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="0 0 1024 1024"
                              width="1em"
                            >
                              <path
                                d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                              />
                            </svg>
                          </span>
                        </span>
                      </span>
                    </div>
                    <span
                      class="react-resizable-handle"
                    />
                  </th>
                  <th
                    class="ant-table-cell react-resizable"
                  >
                    Type
                    <span
                      class="react-resizable-handle"
                    />
                  </th>
                  <th
                    class="ant-table-cell react-resizable"
                  >
                    Note
                    <span
                      class="react-resizable-handle"
                    />
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Action
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="0"
                >
                  <td
                    class="ant-table-cell"
                  >
                    2018-02-11
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    120
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    income
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    transfer
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Delete
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell"
                  >
                    2018-03-11
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    243
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    income
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    transfer
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Delete
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell"
                  >
                    2018-04-11
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    98
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    income
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    transfer
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      Delete
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/responsive.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup />
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    Name (all screens)
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <a>
                      John Brown
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-next ant-pagination-disabled"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/row-selection.md correctly 1`] = `
<div>
  <div
    class="ant-radio-group ant-radio-group-outline"
  >
    <label
      class="ant-radio-wrapper ant-radio-wrapper-checked"
    >
      <span
        class="ant-radio ant-radio-checked"
      >
        <input
          checked=""
          class="ant-radio-input"
          type="radio"
          value="checkbox"
        />
        <span
          class="ant-radio-inner"
        />
      </span>
      <span>
        Checkbox
      </span>
    </label>
    <label
      class="ant-radio-wrapper"
    >
      <span
        class="ant-radio"
      >
        <input
          class="ant-radio-input"
          type="radio"
          value="radio"
        />
        <span
          class="ant-radio-inner"
        />
      </span>
      <span>
        radio
      </span>
    </label>
  </div>
  <div
    class="ant-divider ant-divider-horizontal"
    role="separator"
  />
  <div
    class="ant-table-wrapper"
  >
    <div
      class="ant-spin-nested-loading"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="ant-table"
        >
          <div
            class="ant-table-container"
          >
            <div
              class="ant-table-content"
            >
              <table
                style="table-layout:auto"
              >
                <colgroup>
                  <col
                    class="ant-table-selection-col"
                  />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <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>
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Name
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Age
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Address
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="1"
                  >
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <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>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <a>
                        John Brown
                      </a>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      New York No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="2"
                  >
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <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>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <a>
                        Jim Green
                      </a>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      42
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      London No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="3"
                  >
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <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>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <a>
                        Joe Black
                      </a>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Sidney No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="4"
                  >
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper ant-checkbox-wrapper-disabled"
                      >
                        <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>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <a>
                        Disabled User
                      </a>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      99
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Sidney No. 1 Lake Park
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <ul
          class="ant-pagination ant-table-pagination ant-table-pagination-right"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-prev ant-pagination-disabled"
            title="Previous Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="left"
                class="anticon anticon-left"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="left"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                  />
                </svg>
              </span>
            </button>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a
              rel="nofollow"
            >
              1
            </a>
          </li>
          <li
            aria-disabled="true"
            class="ant-pagination-next ant-pagination-disabled"
            title="Next Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="right"
                class="anticon anticon-right"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="right"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                  />
                </svg>
              </span>
            </button>
          </li>
        </ul>
      </div>
    </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"
        >
          <div
            class="ant-table-container"
          >
            <div
              class="ant-table-content"
            >
              <table
                style="table-layout:auto"
              >
                <colgroup>
                  <col
                    class="ant-table-selection-col"
                  />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <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>
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Name
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Age
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Address
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="0"
                  >
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Edward King 0
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      London, Park Lane no. 0
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="1"
                  >
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Edward King 1
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      London, Park Lane no. 1
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="2"
                  >
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Edward King 2
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      London, Park Lane no. 2
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="3"
                  >
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Edward King 3
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      London, Park Lane no. 3
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="4"
                  >
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Edward King 4
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      London, Park Lane no. 4
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="5"
                  >
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Edward King 5
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      London, Park Lane no. 5
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="6"
                  >
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Edward King 6
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      London, Park Lane no. 6
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="7"
                  >
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Edward King 7
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      London, Park Lane no. 7
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="8"
                  >
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Edward King 8
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      London, Park Lane no. 8
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="9"
                  >
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Edward King 9
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      London, Park Lane no. 9
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <ul
          class="ant-pagination ant-table-pagination ant-table-pagination-right"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-prev ant-pagination-disabled"
            title="Previous Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="left"
                class="anticon anticon-left"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="left"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                  />
                </svg>
              </span>
            </button>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a
              rel="nofollow"
            >
              1
            </a>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-2"
            tabindex="0"
            title="2"
          >
            <a
              rel="nofollow"
            >
              2
            </a>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-3"
            tabindex="0"
            title="3"
          >
            <a
              rel="nofollow"
            >
              3
            </a>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-4"
            tabindex="0"
            title="4"
          >
            <a
              rel="nofollow"
            >
              4
            </a>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-5"
            tabindex="0"
            title="5"
          >
            <a
              rel="nofollow"
            >
              5
            </a>
          </li>
          <li
            aria-disabled="false"
            class="ant-pagination-next"
            tabindex="0"
            title="Next Page"
          >
            <button
              class="ant-pagination-item-link"
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="right"
                class="anticon anticon-right"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="right"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                  />
                </svg>
              </span>
            </button>
          </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"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup>
                <col
                  class="ant-table-selection-col"
                />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <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
                        class="ant-table-selection-extra"
                      >
                        <span
                          class="ant-dropdown-trigger"
                        >
                          <span
                            aria-label="down"
                            class="anticon anticon-down"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="down"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                              />
                            </svg>
                          </span>
                        </span>
                      </div>
                    </div>
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Name
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Age
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Address
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="0"
                >
                  <td
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 0
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 1
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 2
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 3
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="4"
                >
                  <td
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 4
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="5"
                >
                  <td
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 5
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="6"
                >
                  <td
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 6
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="7"
                >
                  <td
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 7
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="8"
                >
                  <td
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 8
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="9"
                >
                  <td
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London, Park Lane no. 9
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-2"
          tabindex="0"
          title="2"
        >
          <a
            rel="nofollow"
          >
            2
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-3"
          tabindex="0"
          title="3"
        >
          <a
            rel="nofollow"
          >
            3
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-4"
          tabindex="0"
          title="4"
        >
          <a
            rel="nofollow"
          >
            4
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-5"
          tabindex="0"
          title="5"
        >
          <a
            rel="nofollow"
          >
            5
          </a>
        </li>
        <li
          aria-disabled="false"
          class="ant-pagination-next"
          tabindex="0"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/row-selection-custom-debug.md correctly 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup>
                <col
                  class="ant-table-selection-col"
                />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell ant-table-selection-column"
                  >
                    <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>
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Name
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="0"
                >
                  <td
                    class="ant-table-cell ant-table-selection-column"
                    rowspan="2"
                  >
                    false: 
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 0
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Another Row
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell ant-table-selection-column"
                    rowspan="2"
                  >
                    false: 
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 2
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Another Row
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="4"
                >
                  <td
                    class="ant-table-cell ant-table-selection-column"
                    rowspan="2"
                  >
                    false: 
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 4
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="5"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Another Row
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="6"
                >
                  <td
                    class="ant-table-cell ant-table-selection-column"
                    rowspan="2"
                  >
                    false: 
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 6
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="7"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Another Row
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="8"
                >
                  <td
                    class="ant-table-cell ant-table-selection-column"
                    rowspan="2"
                  >
                    false: 
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox"
                      >
                        <input
                          class="ant-checkbox-input"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                    </label>
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    Edward King 8
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="9"
                >
                  <td
                    class="ant-table-cell"
                  >
                    Another Row
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-2"
          tabindex="0"
          title="2"
        >
          <a
            rel="nofollow"
          >
            2
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-3"
          tabindex="0"
          title="3"
        >
          <a
            rel="nofollow"
          >
            3
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-4"
          tabindex="0"
          title="4"
        >
          <a
            rel="nofollow"
          >
            4
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-5"
          tabindex="0"
          title="5"
        >
          <a
            rel="nofollow"
          >
            5
          </a>
        </li>
        <li
          aria-disabled="false"
          class="ant-pagination-next"
          tabindex="0"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </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"
        >
          <div
            class="ant-table-container"
          >
            <div
              class="ant-table-content"
            >
              <table
                style="table-layout:auto"
              >
                <colgroup />
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-cell"
                    >
                      Name
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Age
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Address
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="1"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      John Brown
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      New York No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="2"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Jim Green
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      42
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      London No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="3"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Joe Black
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Sidney No. 1 Lake Park
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <ul
          class="ant-pagination mini ant-table-pagination ant-table-pagination-right"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-prev ant-pagination-disabled"
            title="Previous Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="left"
                class="anticon anticon-left"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="left"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                  />
                </svg>
              </span>
            </button>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a
              rel="nofollow"
            >
              1
            </a>
          </li>
          <li
            aria-disabled="true"
            class="ant-pagination-next ant-pagination-disabled"
            title="Next Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="right"
                class="anticon anticon-right"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="right"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                  />
                </svg>
              </span>
            </button>
          </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"
        >
          <div
            class="ant-table-container"
          >
            <div
              class="ant-table-content"
            >
              <table
                style="table-layout:auto"
              >
                <colgroup />
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-cell"
                    >
                      Name
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Age
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Address
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="1"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      John Brown
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      New York No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="2"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Jim Green
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      42
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      London No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="3"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Joe Black
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Sidney No. 1 Lake Park
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <ul
          class="ant-pagination mini ant-table-pagination ant-table-pagination-right"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-prev ant-pagination-disabled"
            title="Previous Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="left"
                class="anticon anticon-left"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="left"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                  />
                </svg>
              </span>
            </button>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a
              rel="nofollow"
            >
              1
            </a>
          </li>
          <li
            aria-disabled="true"
            class="ant-pagination-next ant-pagination-disabled"
            title="Next Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="right"
                class="anticon anticon-right"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="right"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                  />
                </svg>
              </span>
            </button>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/sticky.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-fixed-column ant-table-scroll-horizontal ant-table-has-fix-left ant-table-has-fix-right"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-header ant-table-sticky-holder"
            style="overflow:hidden;top:0"
          >
            <table
              style="table-layout:fixed;visibility:hidden"
            >
              <colgroup />
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-sticky"
                    style="position:sticky;left:0"
                  >
                    Full Name
                  </th>
                  <th
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-fix-sticky"
                    style="position:sticky;left:0"
                  >
                    Age
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 1
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 2
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 3
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 4
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 5
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 6
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 7
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    Column 8
                  </th>
                  <th
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first ant-table-cell-fix-sticky"
                    style="position:sticky;right:0"
                  >
                    Action
                  </th>
                </tr>
              </thead>
            </table>
          </div>
          <div
            class="ant-table-body"
            style="overflow-x:auto;overflow-y:hidden"
          >
            <table
              style="width:1500px;min-width:100%;table-layout:fixed"
            >
              <colgroup>
                <col
                  style="width:100px"
                />
                <col
                  style="width:100px"
                />
                <col
                  style="width:150px"
                />
                <col
                  style="width:150px"
                />
                <col
                  style="width:150px"
                />
                <col
                  style="width:150px"
                />
                <col
                  style="width:150px"
                />
                <col
                  style="width:150px"
                />
                <col
                  style="width:150px"
                />
                <col />
                <col
                  style="width:100px"
                />
              </colgroup>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  aria-hidden="true"
                  class="ant-table-measure-row"
                  style="height:0;font-size:0"
                >
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                  <td
                    style="padding:0;border:0;height:0"
                  >
                    <div
                      style="height:0;overflow:hidden"
                    >
                       
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="0"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 0
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 0
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="1"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 1
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 1
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="2"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 2
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 2
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="3"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 3
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 3
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="4"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 4
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 4
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="5"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 5
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 5
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="6"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 6
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 6
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="7"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 7
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 7
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="8"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 8
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 8
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
                <tr
                  class="ant-table-row ant-table-row-level-0"
                  data-row-key="9"
                >
                  <td
                    class="ant-table-cell ant-table-cell-fix-left"
                    style="position:sticky;left:0"
                  >
                    Edrward 9
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                    style="position:sticky;left:0"
                  >
                    32
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell"
                  >
                    London Park no. 9
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
                    style="position:sticky;right:0"
                  >
                    <a>
                      action
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <div
            class="ant-table-summary ant-table-sticky-holder"
            style="overflow:hidden;bottom:0"
          >
            <table
              style="table-layout:fixed;visibility:hidden"
            >
              <colgroup />
              <tfoot
                class="ant-table-summary"
              >
                <tr>
                  <td
                    class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last ant-table-cell-fix-sticky"
                    colspan="2"
                    style="position:sticky;left:0"
                  >
                    <button
                      aria-checked="false"
                      class="ant-switch"
                      role="switch"
                      type="button"
                    >
                      <div
                        class="ant-switch-handle"
                      />
                      <span
                        class="ant-switch-inner"
                      >
                        Fixed Top
                      </span>
                    </button>
                  </td>
                  <td
                    class="ant-table-cell"
                    colspan="8"
                  >
                    Scroll Context
                  </td>
                  <td
                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first ant-table-cell-fix-sticky"
                    style="position:sticky;right:0"
                  >
                    Fix Right
                  </td>
                </tr>
              </tfoot>
            </table>
          </div>
        </div>
      </div>
      <ul
        class="ant-pagination ant-table-pagination ant-table-pagination-right"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-prev ant-pagination-disabled"
          title="Previous Page"
        >
          <button
            class="ant-pagination-item-link"
            disabled=""
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
          tabindex="0"
          title="1"
        >
          <a
            rel="nofollow"
          >
            1
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-2"
          tabindex="0"
          title="2"
        >
          <a
            rel="nofollow"
          >
            2
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-3"
          tabindex="0"
          title="3"
        >
          <a
            rel="nofollow"
          >
            3
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-4"
          tabindex="0"
          title="4"
        >
          <a
            rel="nofollow"
          >
            4
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-5 ant-pagination-item-before-jump-next"
          tabindex="0"
          title="5"
        >
          <a
            rel="nofollow"
          >
            5
          </a>
        </li>
        <li
          class="ant-pagination-jump-next ant-pagination-jump-next-custom-icon"
          tabindex="0"
          title="Next 5 Pages"
        >
          <a
            class="ant-pagination-item-link"
          >
            <div
              class="ant-pagination-item-container"
            >
              <span
                aria-label="double-right"
                class="anticon anticon-double-right ant-pagination-item-link-icon"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="double-right"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 00188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 00492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"
                  />
                </svg>
              </span>
              <span
                class="ant-pagination-item-ellipsis"
              >
                •••
              </span>
            </div>
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-10"
          tabindex="0"
          title="10"
        >
          <a
            rel="nofollow"
          >
            10
          </a>
        </li>
        <li
          aria-disabled="false"
          class="ant-pagination-next"
          tabindex="0"
          title="Next Page"
        >
          <button
            class="ant-pagination-item-link"
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                />
              </svg>
            </span>
          </button>
        </li>
        <li
          class="ant-pagination-options"
        >
          <div
            aria-label="Page Size"
            class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
          >
            <div
              class="ant-select-selector"
            >
              <span
                class="ant-select-selection-search"
              >
                <input
                  aria-activedescendant="undefined_list_0"
                  aria-autocomplete="list"
                  aria-controls="undefined_list"
                  aria-expanded="false"
                  aria-haspopup="listbox"
                  aria-label="Page Size"
                  aria-owns="undefined_list"
                  autocomplete="off"
                  class="ant-select-selection-search-input"
                  readonly=""
                  role="combobox"
                  style="opacity:0"
                  type="search"
                  unselectable="on"
                  value=""
                />
              </span>
              <span
                class="ant-select-selection-item"
                title="10 / page"
              >
                10 / page
              </span>
            </div>
            <span
              aria-hidden="true"
              class="ant-select-arrow"
              style="user-select:none;-webkit-user-select:none"
              unselectable="on"
            >
              <span
                aria-label="down"
                class="anticon anticon-down ant-select-suffix"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="down"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                  />
                </svg>
              </span>
            </span>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`renders ./components/table/demo/summary.md correctly 1`] = `
Array [
  <div
    class="ant-table-wrapper"
  >
    <div
      class="ant-spin-nested-loading"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="ant-table ant-table-bordered"
        >
          <div
            class="ant-table-container"
          >
            <div
              class="ant-table-content"
            >
              <table
                style="table-layout:auto"
              >
                <colgroup />
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-cell"
                    >
                      Name
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Borrow
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Repayment
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="1"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      John Brown
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      10
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      33
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="2"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Jim Green
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      100
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      0
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="3"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Joe Black
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      10
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      10
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="4"
                  >
                    <td
                      class="ant-table-cell"
                    >
                      Jim Red
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      75
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      45
                    </td>
                  </tr>
                </tbody>
                <tfoot
                  class="ant-table-summary"
                >
                  <tr>
                    <td
                      class="ant-table-cell"
                    >
                      Total
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <span
                        class="ant-typography ant-typography-danger"
                      >
                        195
                      </span>
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      <span
                        class="ant-typography"
                      >
                        88
                      </span>
                    </td>
                  </tr>
                  <tr>
                    <td
                      class="ant-table-cell"
                    >
                      Balance
                    </td>
                    <td
                      class="ant-table-cell"
                      colspan="2"
                    >
                      <span
                        class="ant-typography ant-typography-danger"
                      >
                        107
                      </span>
                    </td>
                  </tr>
                </tfoot>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>,
  <br />,
  <div
    class="ant-table-wrapper"
  >
    <div
      class="ant-spin-nested-loading"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="ant-table ant-table-bordered ant-table-fixed-header ant-table-fixed-column ant-table-scroll-horizontal ant-table-has-fix-left"
        >
          <div
            class="ant-table-container"
          >
            <div
              class="ant-table-header"
              style="overflow:hidden"
            >
              <table
                style="table-layout:fixed;visibility:hidden"
              >
                <colgroup />
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Name
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Description
                    </th>
                  </tr>
                </thead>
              </table>
            </div>
            <div
              class="ant-table-body"
              style="overflow-x:auto;overflow-y:scroll;max-height:500px"
            >
              <table
                style="width:2000px;min-width:100%;table-layout:fixed"
              >
                <colgroup>
                  <col
                    style="width:100px"
                  />
                </colgroup>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    aria-hidden="true"
                    class="ant-table-measure-row"
                    style="height:0;font-size:0"
                  >
                    <td
                      style="padding:0;border:0;height:0"
                    >
                      <div
                        style="height:0;overflow:hidden"
                      >
                         
                      </div>
                    </td>
                    <td
                      style="padding:0;border:0;height:0"
                    >
                      <div
                        style="height:0;overflow:hidden"
                      >
                         
                      </div>
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="0"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Light
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="1"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Bamboo
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="2"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Little
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="3"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Light
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="4"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Bamboo
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="5"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Little
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="6"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Light
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="7"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Bamboo
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="8"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Little
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="9"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Light
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="10"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Bamboo
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="11"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Little
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="12"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Light
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="13"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Bamboo
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="14"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Little
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="15"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Light
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="16"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Bamboo
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="17"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Little
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="18"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Light
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="19"
                  >
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Bamboo
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Everything that has a beginning, has an end.
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div
              class="ant-table-summary"
              style="overflow:hidden"
            >
              <table
                style="table-layout:fixed;visibility:hidden"
              >
                <colgroup />
                <tfoot
                  class="ant-table-summary"
                >
                  <tr>
                    <td
                      class="ant-table-cell ant-table-cell-fix-left ant-table-cell-fix-left-last"
                      style="position:sticky;left:0"
                    >
                      Summary
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      This is a summary content
                    </td>
                  </tr>
                </tfoot>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`renders ./components/table/demo/tree-data.md correctly 1`] = `
Array [
  <div
    class="ant-space ant-space-horizontal ant-space-align-center"
    style="margin-bottom:16px"
  >
    <div
      class="ant-space-item"
      style="margin-right:8px"
    >
      CheckStrictly: 
    </div>
    <div
      class="ant-space-item"
    >
      <button
        aria-checked="false"
        class="ant-switch"
        role="switch"
        type="button"
      >
        <div
          class="ant-switch-handle"
        />
        <span
          class="ant-switch-inner"
        />
      </button>
    </div>
  </div>,
  <div
    class="ant-table-wrapper"
  >
    <div
      class="ant-spin-nested-loading"
    >
      <div
        class="ant-spin-container"
      >
        <div
          class="ant-table"
        >
          <div
            class="ant-table-container"
          >
            <div
              class="ant-table-content"
            >
              <table
                style="table-layout:auto"
              >
                <colgroup>
                  <col
                    class="ant-table-selection-col"
                  />
                  <col />
                  <col
                    style="width:12%"
                  />
                  <col
                    style="width:30%"
                  />
                </colgroup>
                <thead
                  class="ant-table-thead"
                >
                  <tr>
                    <th
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <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>
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Name
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Age
                    </th>
                    <th
                      class="ant-table-cell"
                    >
                      Address
                    </th>
                  </tr>
                </thead>
                <tbody
                  class="ant-table-tbody"
                >
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="1"
                  >
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell ant-table-cell-with-append"
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      <button
                        aria-label="Expand row"
                        class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
                        type="button"
                      />
                      John Brown sr.
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      60
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      New York No. 1 Lake Park
                    </td>
                  </tr>
                  <tr
                    class="ant-table-row ant-table-row-level-0"
                    data-row-key="2"
                  >
                    <td
                      class="ant-table-cell ant-table-selection-column"
                    >
                      <label
                        class="ant-checkbox-wrapper"
                      >
                        <span
                          class="ant-checkbox"
                        >
                          <input
                            class="ant-checkbox-input"
                            type="checkbox"
                          />
                          <span
                            class="ant-checkbox-inner"
                          />
                        </span>
                      </label>
                    </td>
                    <td
                      class="ant-table-cell ant-table-cell-with-append"
                    >
                      <span
                        class="ant-table-row-indent indent-level-0"
                        style="padding-left:0px"
                      />
                      <button
                        aria-label="Expand row"
                        class="ant-table-row-expand-icon ant-table-row-expand-icon-spaced"
                        type="button"
                      />
                      Joe Black
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      32
                    </td>
                    <td
                      class="ant-table-cell"
                    >
                      Sidney No. 1 Lake Park
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <ul
          class="ant-pagination ant-table-pagination ant-table-pagination-right"
          unselectable="unselectable"
        >
          <li
            aria-disabled="true"
            class="ant-pagination-prev ant-pagination-disabled"
            title="Previous Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="left"
                class="anticon anticon-left"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="left"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                  />
                </svg>
              </span>
            </button>
          </li>
          <li
            class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
            tabindex="0"
            title="1"
          >
            <a
              rel="nofollow"
            >
              1
            </a>
          </li>
          <li
            aria-disabled="true"
            class="ant-pagination-next ant-pagination-disabled"
            title="Next Page"
          >
            <button
              class="ant-pagination-item-link"
              disabled=""
              tabindex="-1"
              type="button"
            >
              <span
                aria-label="right"
                class="anticon anticon-right"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="right"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                  />
                </svg>
              </span>
            </button>
          </li>
        </ul>
      </div>
    </div>
  </div>,
]
`;

exports[`renders ./components/table/demo/virtual-list.md correctly 1`] = `
<div
  class="ant-table-wrapper virtual-table"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-fixed-header ant-table-scroll-horizontal"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-header"
            style="overflow:hidden"
          >
            <table
              style="table-layout:fixed"
            >
              <colgroup>
                <col
                  style="width:150px"
                />
                <col
                  style="width:0"
                />
                <col
                  style="width:0"
                />
                <col
                  style="width:0"
                />
                <col
                  style="width:200px"
                />
                <col
                  style="width:100px"
                />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell"
                  >
                    A
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    B
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    C
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    D
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    E
                  </th>
                  <th
                    class="ant-table-cell"
                  >
                    F
                  </th>
                </tr>
              </thead>
            </table>
          </div>
          <div
            class="virtual-grid"
            style="position:relative;height:300px;width:0;overflow:auto;-webkit-overflow-scrolling:touch;will-change:transform;direction:ltr"
          >
            <div
              style="height:5000028px;width:350px"
            >
              <div
                class="virtual-table-cell"
                style="position:absolute;left:0;top:0;height:54px;width:150px"
              >
                0
              </div>
              <div
                class="virtual-table-cell"
                style="position:absolute;left:150px;top:0;height:54px;width:0"
              >
                0
              </div>
              <div
                class="virtual-table-cell"
                style="position:absolute;left:0;top:54px;height:54px;width:150px"
              >
                1
              </div>
              <div
                class="virtual-table-cell"
                style="position:absolute;left:150px;top:54px;height:54px;width:0"
              >
                1
              </div>
              <div
                class="virtual-table-cell"
                style="position:absolute;left:0;top:108px;height:54px;width:150px"
              >
                2
              </div>
              <div
                class="virtual-table-cell"
                style="position:absolute;left:150px;top:108px;height:54px;width:0"
              >
                2
              </div>
              <div
                class="virtual-table-cell"
                style="position:absolute;left:0;top:162px;height:54px;width:150px"
              >
                3
              </div>
              <div
                class="virtual-table-cell"
                style="position:absolute;left:150px;top:162px;height:54px;width:0"
              >
                3
              </div>
              <div
                class="virtual-table-cell"
                style="position:absolute;left:0;top:216px;height:54px;width:150px"
              >
                4
              </div>
              <div
                class="virtual-table-cell"
                style="position:absolute;left:150px;top:216px;height:54px;width:0"
              >
                4
              </div>
              <div
                class="virtual-table-cell"
                style="position:absolute;left:0;top:270px;height:54px;width:150px"
              >
                5
              </div>
              <div
                class="virtual-table-cell"
                style="position:absolute;left:150px;top:270px;height:54px;width:0"
              >
                5
              </div>
              <div
                class="virtual-table-cell"
                style="position:absolute;left:0;top:324px;height:54px;width:150px"
              >
                6
              </div>
              <div
                class="virtual-table-cell"
                style="position:absolute;left:150px;top:324px;height:54px;width:0"
              >
                6
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;