Skip to content

Bug: search input overflow in small screens in Bootstrap #14

Open
@Ana06

Description

@Ana06

I am using Bootstrap 4 and jquery-datatables 1.10.19.1. I have the following code:

<div class='row'>
  <div class='col-12 col-md-4 col-lg-3'>
    <!-- Content -->
  </div>

</div>
<div class='col-12 col-md-8 col-lg-9'>

  <table class='table table-striped table-bordered' id='involved-packages-table'>
    <thead>
      <tr>
        <th>Package</th>
        <th>Project</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>
          <a href="/package/show/hola:Ana/ikyuikyuhkl">ikyuikyuhkl</a>
        </td>
        <td>
          <a href="/project/show/hola:Ana">hola:Ana</a>
        </td>
      </tr>
    </tbody>
  </table>
</div>

Which in an screen of 950px looks like:
image

It seems the problem is the width in the input, which comes from this code:

This may be related: DataTables/Plugins#110

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions