| Equipo | Acciones |
|---|---|
| Equipo | Acciones |
| Aires acondicionados | Administrar |
| Balastos | Administrar |
| Calentador de agua eléctrico – Tipo acumulador | Administrar |
| Calentador de agua a gas - Tipo paso continuo | Administrar |
| Calentador de agua a gas - Tipo Acumulador | Administrar |
| Gasodomésticos para cocción de alimentos | Administrar |
| Lavadoras eléctricas domésticas | Administrar |
| Motores monofásicos | Administrar |
| Motores trifásicos | Administrar |
| Refrigeradores y congeladores de uso comercial | Administrar |
| Refrigeradores y congeladores de uso doméstico | Administrar |
| Marcas | Acciones |
|---|---|
| Marcas | Acciones |
| Marca 1 | EditarBorrar |
| Marca 2 | EditarBorrar |
| Marca X | EditarBorrar |
Lo recomendable es que la lista de navegación de haga con una lista ordenada ul que tenga la clase class="nav nav-tabs" y el rol role="tablist", los elementos de la lista serán li con el rol role="presentation" esto para garantizar la accesibilidad del componente. Finalmente dentro de cada li debe ir un elemento a con el atributo data-toggle="tab".
Para navegar entre los tabs sin uso de jQuery deben añadir la propiedad data-toggle al vínculo y en href seleccionar el id del tab tal como se muestra en el ejemplo.
a data-toggle="tab" href="#sectionB"
El siguiente código permite mostrar por medio de una acción de jQuery un tab específico, en #id-tab deben poner el id que ustedes den al tab.
$('#tabs-content a[href="#id-tab"]').tab('show'); // Muestra el tab con el ID respectivo$('#tabs-content a:first').tab('show') // Muestra el primer tab$('#tabs-content a:last').tab('show') // Muestra el último tab$('#tabs-content li:eq(2) a').tab('show') // Selecciona el tercer tab (el index inicia en 0)Lo ideal sería es que si el usuario crea una marca nueva al volver lo recomendable sería que lo dejara de inmediato en el tab de marcas.