<div class="">
    <div class="page-title">
        <div class="title_left">
            <h3>Grupo</h3>
        </div>
    </div>

    <div class="clearfix"></div>

    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2>Listado de Grupo</h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    <div class="">
                        <table id="tabla" class="table table-striped jambo_table bulk_action">
                            <thead>
                                <tr class="headings">
                                    <th class="column-title">No.</th>
                                    <th class="column-title">Periodo </th>
                                    <th class="column-title">Carrera </th>
                                    <th class="column-title">Departamento </th>
                                    <th class="column-title">Semestre </th>
                                    <th class="column-title no-link last"><span class="nobr">Acción</span>
                                    </th>
                                    <th class="bulk-actions" colspan="7">
                                        <a class="antoo" style="color:#fff; font-weight:500;">Bulk Actions (
                                            <span class="action-cnt"> </span> ) <i
                                                class="fa fa-chevron-down"></i></a>
                                    </th>
                                </tr>
                            </thead>

                            <tbody>

                                <tr class="even pointer">
                                    <td data-label='No.' class="text-md-center">1</td>
                                    <td data-label='Periodo: ' class="text-md-center">1</td>
                                    <td data-label='Carrera: ' class="text-md-center">1</td>
                                    <td data-label='Departamento: ' class="text-md-center">1</td>
                                    <td data-label='Semestre: ' class="text-md-center">1</td>
                                    <td data-label='Acción' class="py-1 text-md-center">
                                        <div class="btn-group btn-group-sm">
                                            <button type="button" class="btn btn-outline-primary btn-sm"
                                                onclick="consultar_grupo(1)"><i class="fa fa-eye"></i></button>
                                            <button type="button" class="btn btn-outline-success btn-sm"
                                                onclick="edit_grupo(1)"><i class="fa fa-pencil"></i></button>
                                            <button type="button" class="btn btn-outline-danger btn-sm"
                                                onclick="delete_grupo(1)"><i class="fa fa-trash"></i></button>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
