Bootstrap: Dropdown cut off in responsive table

[knownasilya]

Using v3.3.1 with the following code:

<div class="table-responsive">
        <table class="table table-striped">
          <thead>
            <tr>
              <th>Action</th>
              <th>Name</th>
              <th>Organization</th>
            </tr>
          </thead>

          <tbody>
              <tr>
                <td>
                  <!-- Split button -->
                  <div class="btn-group">
                    <button type="button" class="btn btn-default"><i class="fa fa-check-circle fa-lg text-success"></i> Test</button>
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                      <span class="caret"></span>
                      <span class="sr-only">Toggle Dropdown</span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                      <li><a href="#">Test &amp; Deploy</a></li>
                      <li><a href="#">Deploy</a></li>
                      <li><a href="#">Build</a></li>
                      <li class="divider"></li>
                      <li><a href="#">Disable</a></li>
                    </ul>
                  </div>
                </td>

                <td>
                  Name
                </td>

                <td>
                  Org
                </td>
              </tr>
          </tbody>
        </table>
      </div>

[cvrebert]

Approximate duplicate of #11037. Closing in favor of #15288.

[abhijeetmshr1]

Just make some changes in css file i.e

.table-responsive{
overflow-y:visible;
overflow-x:visible;
}

[misthioseagle]

Define this properties for Bootstrap 4.

data-toggle="dropdown" data-boundary="window"