How can I implement collapsible row feature in this table:
 <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">

                        <thead style="position: sticky; top: 0;">

                    <tr>
                        <th data-orderable="false">

                        </th>

                        <th>
                            PO Number
                        </th>
                        <th>
                            Line Number
                        </th>
                        <th>
                            Line Description
                        </th>
                        <th>
                            PO Description
                        </th>
                        

                        <th>
                            Jan
                        </th>
                        <th>
                            Feb
                        </th>
                        <th>
                            Mar
                        </th>
                        


                    </tr>
                    </thead>
                    <tbody>

                  

                    @php($i=0)
                    @php($check=new \App\Models\Forecasting_PO_Monthly())
                    @foreach($forecastingPos as $post)




                            <?php
                            // $leCheck = \App\Models\le04::find($post->UID);
                        $tempID= $post->PO_Number.'F'.$post->Line_Number;

                            $className = 'le' . str_pad($currentMonth, 2, '0', STR_PAD_LEFT); // e.g. 'le01'
                            $modelClass = '\\App\\Models\\' . class_basename($className); // e.g. '\App\Models\le01'
                            $le = $modelClass::find($tempID);



                            if($check->PO_Number != $post->PO_Number) {



                            ?>
                            <tr class="po-number-{{ $post->PO_Number }}">

                                <td>
                                    <button>^</button>
                                </td>

                                <td>
                                    <input name="le{{$currentMonth}}[{{$i}}][PO_Number]" id="{{$tempID}}"
                                           data-initial="{{$post->PO_Number}}"
                                           value="{{$post->PO_Number}}" readonly>
                                </td>
                                <td>
                                    <input name="le{{$currentMonth}}[{{$i}}][Line_Number]"
                                           data-initial="{{$post->Line_Number}}"
                                           value="{{$post->Line_Number}}" readonly>
                                </td>
                                <td>
                                    <input name="le{{$currentMonth}}[{{$i}}][Item_Description]"
                                           data-initial="{{$post->Item_Description}}"
                                           value="{{$post->Item_Description}}" readonly>
                                </td>
                                <td>
                                    <input name="le{{$currentMonth}}[{{$i}}][Req_Description]"
                                           data-initial="{{$post->Req_Description}}"
                                           value="{{$post->Req_Description}}" readonly>
                                </td>
                                
                                <td>
                                    <input name="le{{$currentMonth}}[{{$i}}][Jan]" id="txt" type="text" data-initial="{{ $le->Jan ?? '' }}" value="{{ $le->Jan ?? '' }}">
                                </td>
                                <td>
                                    <input name="le{{$currentMonth}}[{{$i}}][Feb]" id="txt" type="text" data-initial="{{ $le->Feb ?? '' }}"  value="{{ $le->Feb ?? '' }}">
                                </td>
                                <td>
                                    <input name="le{{$currentMonth}}[{{$i}}][Mar]" id="txt" type="text" data-initial="{{ $le->Mar ?? '' }}" value="{{ $le->Mar ?? '' }}">
                                </td>
                                



                            </tr>

                            <?php
                            }

                            $check=$post;
                            ?>




                        <tr>


                            <td>


                            </td>
                            <td>
                                <input name="le{{$currentMonth}}[{{$i}}][PO_Number]" id="{{$tempID}}"
                                       data-initial="{{$post->PO_Number}}"
                                       value="{{$post->PO_Number}}" readonly>
                            </td>
                            <td>
                                <input name="le{{$currentMonth}}[{{$i}}][Line_Number]"
                                       data-initial="{{$post->Line_Number}}"
                                       value="{{$post->Line_Number}}" readonly>
                                </td>
                            <td>
                                <input name="le{{$currentMonth}}[{{$i}}][Item_Description]"
                                       data-initial="{{$post->Item_Description}}"
                                       value="{{$post->Item_Description}}" readonly>
                                </td>
                            <td>
                                <input name="le{{$currentMonth}}[{{$i}}][Req_Description]"
                                       data-initial="{{$post->Req_Description}}"
                                       value="{{$post->Req_Description}}" readonly>
                                </td>
                           
                            <td>
                                <input name="le{{$currentMonth}}[{{$i}}][Jan]" id="txt" type="text" data-initial="{{ $le->Jan ?? '' }}" value="{{ $le->Jan ?? '' }}">
                            </td>
                            <td>
                                <input name="le{{$currentMonth}}[{{$i}}][Feb]" id="txt" type="text" data-initial="{{ $le->Feb ?? '' }}"  value="{{ $le->Feb ?? '' }}">
                            </td>
                            <td>
                                <input name="le{{$currentMonth}}[{{$i}}][Mar]" id="txt" type="text" data-initial="{{ $le->Mar ?? '' }}" value="{{ $le->Mar ?? '' }}">
                            </td>
                            



                        </tr>
                        @php($i++)
                    @endforeach

                    </tbody>
                </table>