JSFiddle - React, Tailwind, and code Playground

by idygress

HTML

<script src="https://rawgit.com/Semantic-Org/Semantic-UI/next/dist/semantic.js"></script>
<link rel="stylesheet" href="https://rawgit.com/Semantic-Org/Semantic-UI/next/dist/semantic.css">
<form>
    <table class="ui table">
        <tbody>
            <tr>
                <td>fixed</td>
                <td>
                    <select name="name" class="ui dropdown">
                        <option value="1">1</option>
                        <option value="2">2</option>
                    </select>
                </td>
            </tr>
        </tbody>
    </table>
    <table class="ui table">
        <tbody>
            <tr>
                <td>not fixed</td>
                <td>
                    <select name="name" class="ui dropdown">
                        <option value="1">1</option>
                        <option value="2">2</option>
                    </select>
                </td>
            </tr>
        </tbody>
    </table>
</form>

CSS

body {
    padding: 1em;
}

JavaScript

$('.ui.dropdown').dropdown();