Multi-Column Searching with inputs outside of the

WildEgo

Hi I've been trying to make this work for a while and I'm getting no where do u guys have any idea on how to make it work?

A screenshot of how it looks:

My table:

                    <table class="table" id="logs">
                        <thead>
                            <tr>
                                <th>Username</th>
                                <th>Region</th>
                                <th>Session</th>
                                <th>Status</th>
                                <th>Taker</th>
                                <th>Options</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($logs as $order)
                                <tr>
                                    <td>{{ $order->username }}</td>
                                    <td>{{ $order->region }}</td>
                                    <td>{{ $order->{'ws-session'} }}</td>
                                    <td>
                                    @switch($order->status)
                                        @case(1)
                                            Paid
                                            @break
                                        @case(2)
                                            Claimed
                                            @break
                                        @case(3)
                                            Finished
                                            @break
                                        @case(4)
                                            Finished and Paid Out
                                            @break
                                        @default
                                            Undefined
                                    @endswitch
                                    </td>
                                    <td>{{ $order->taker }}</td>
                                    <td class="text-right">
                                        <a href="{{ route('gtg.singlelog', ['session' => $order->{'ws-session'}]) }}">
                                            <button class="btn btn-dark btn-sm">
                                                Options
                                            </button>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

My search form:

                <form class="form-horizontal form-material sidebar">
                    <div class="form-group">
                        <label>Discord Taker ID</label>
                        <div>
                            <input type="text" name="discordid" placeholder="eg. 158893338156728320" class="form-control form-control-line">
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Session</label>
                        <div>
                            <input type="text" name="ws-session" placeholder="eg. q80pvttkux-1530201246527" class="form-control form-control-line">
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Username</label>
                        <div>
                            <input type="text" name="username" placeholder="eg. WildEgo" class="form-control form-control-line">
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Region</label>
                        <div>
                            <select name="region" class="form-control form-control-line">
                                <option>-- ANY --</option>
                                <option value="na">North America</option>
                                <option value="euw">EU West</option>
                                <option value="eune">EU Nordic & East</option>
                                <option value="lan">Latin America North</option>
                                <option value="las">Latin America South</option>
                                <option value="br">Brazil</option>
                                <option value="jp">Japan</option>
                                <option value="ru">Russia</option>
                                <option value="tr">Turkey</option>
                                <option value="oce">Oceania</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>Status</label>
                        <div>
                            <select name="status" class="form-control form-control-line">
                                <option>-- ANY --</option>
                                <option value="1">Paid</option>
                                <option value="2">Claimed</option>
                                <option value="3">Finished</option>
                                <option value="4">Finished and Paid Out</option>
                            </select>
                        </div>
                    </div>
                </form>

kthorngren

This example uses search inputs:
https://datatables.net/examples/api/regex.html

Maybe it will help get you started. But without seeing an example (your JS code), either a link to your page or a test case, it will be impossible to troubleshoot. \
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Kevin