JavaScript - ordenar de la A-Z y Z-A

 
Vista:
Imágen de perfil de Ariel
Val: 22
Ha aumentado su posición en 7 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

ordenar de la A-Z y Z-A

Publicado por Ariel (14 intervenciones) el 06/01/2020 19:13:48
Estimados,

Perdon la molestia, pero soy un poco verde en la programacion y necesito ayuda!!..

Quisiera poder ordenar las columnas de una tabla de la A-Z y haciendo click nuevamente en el encabezado de la columna que ordene de la Z-A y no solo la primer columna sino todas.-

Trabajo con Laravel.

Dejo el codigo del index de la tabla..

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<h2>IPs RC</h2>
 
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="page-header">
 
 
                        {{ Form::open(['route' => 'ips.index', 'method' => 'GET', 'class' => 'form-inline pull-right']) }}
                            <div class="form-group">
                                {{ Form::text('dire', null, ['class' => 'form-control', 'placeholder' => 'IP']) }}
                            </div>
                            <div class="form-group">
                                {{ Form::text('oficina', null, ['class' => 'form-control', 'placeholder' => 'Lugar']) }}
                            </div>
                            <div class="form-group">
                                {{ Form::text('maq', null, ['class' => 'form-control', 'placeholder' => 'Maq-XXXX']) }}
                            </div>
                            <div class="form-group">
                                <button type="submit" class="btn btn-dark">
                                   buscar
                                </button>
                            </div>
                        {{ Form::close() }}
 
                </div>
        </div>
            <div class="col-md-12">
                <table class="table">
                    <tbody>
 
 
                    <table class="table table-bordered table-sm table-striped">
 
                    <tr>
 
                        <th>Dirección</th>
 
                        <th>oficina</th>
 
                        <th>Maq</th>
 
                        <th>Tipo de Componente</th>
 
                        <th>Observaciones</th>
 
                        <th width="220px">Acción</th>
 
                    </tr>
                    @foreach ($ips as $ip)
 
                        <tr>
                            <td>{{ $ip->dire}}</td>
 
                            <td>{{ substr($ip->oficina,0,20)}}</td>
 
                            <td>{{ $ip->maq}}</td>
 
                            <td>{{ substr($ip->tipo_comp,0,20)}}</td>
 
                            <td>{{ substr($ip->obser,0,20)}}</td>
 
                            <td>
 
                                <a class="btn btn-info" href="{{ route('ips.show',$ip->id) }}">Ver</a>
 
                                <a class="btn btn-primary" href="{{ route('ips.edit',$ip->id) }}">Editar</a>
 
                                {!! Form::open(['method' => 'DELETE','route' => ['ips.destroy', $ip->id],'style'=>'display:inline']) !!}
 
                                {!! Form::submit('Delete', ['class' => 'btn btn-danger']) !!}
 
                                {!! Form::close() !!}
 
                            </td>
 
                        </tr>
 
                        @endforeach
                    </tbody>
                </table>
                <div class="col-md-12">
                <a class="btn btn-success float-right" href="{{ route('ips.create') }}"> Agregar direccion IP</a>
            </div>
             {{ $ips->appends(Request::input())->links() }}
            </div>
        </div>
    </div>
 
 
@endsection

Desde ya Muchas Graicas!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Ariel
Val: 22
Ha aumentado su posición en 7 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

ordenar de la A-Z y Z-A

Publicado por Ariel (14 intervenciones) el 08/01/2020 12:12:58
Muchisimas Gracias!!

Me sirvió de mucho!.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar