Details

    • 1
    • UX / Visual - Desktop

    Description

      Steps to reproduce it

      Use ClayTable or plain bootstrap example to insert a table.

      <ClayTable borderless headVerticalAlignment="middle" hover={false}>
        ...
      <ClayTable/>
      
      <table class="table">
        <thead>
          <tr>
            <th scope="col">#</th>
            <th scope="col">First</th>
            <th scope="col">Last</th>
            <th scope="col">Handle</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th scope="row">1</th>
            <td>Mark</td>
            <td>Otto</td>
            <td>@mdo</td>
          </tr>
          <tr>
            <th scope="row">2</th>
            <td>Jacob</td>
            <td>Thornton</td>
            <td>@fat</td>
          </tr>
          <tr>
            <th scope="row">3</th>
            <td>Larry</td>
            <td>the Bird</td>
            <td>@twitter</td>
          </tr>
        </tbody>
      </table>
      

      Expected Result
      1px border to separate each row.

      Actual Result
      2px border to separate each row.

      Attachments

        Issue Links

          Activity

            People

              summer.zhang Summer Zhang
              jorge.gonzalez Jorge González
              Kiyoshi Lee Kiyoshi Lee
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                2 years, 13 weeks, 6 days ago

                Packages

                  Version Package
                  7.3.5 CE GA6
                  7.3.10 DXP GA1
                  Master