Skip to main content
1 de 2

Renderizar un Json en una tabla bootstrap Django restframework

Tengo un modelo al cual he llamado Empleado el cual tiene una llave foránea hacia un modelo Direccion para conservar un histórico de las direcciones del Empleado. Serializer:

 from rest_framework import serializers
 from models import Empleado, Direccion


class DireccionSerializer(serializers.ModelSerializer):

class Meta:
    model = Direccion
    fields = ('id', 'pais', 'estado', 'municipio', 'ciudad', 'calle', 'colonia', 'numero_interior',
              'numero_exterior', 'codigo_postal', 'datos_adicionales')


class EmpleadoSerializer(serializers.ModelSerializer):

direccion = DireccionSerializer()

class Meta:
    model = Empleado
    fields = ('id', 'nombre', 'apellido_paterno', 'apellido_materno', 'fecha_nacimiento', 'rfc', 'curp',
              'direccion')

Por ahora estoy mostrando los registros de empleado en una tabla con el siguiente ciclo:

{% for empleado in object_list %}
<tr>
     <td> {{ empleado.id }}</td>
     <td> {{ empleado.nombre }} </td>
     <td> {{ empleado.apellido_paterno }} </td>
     <td> {{ empleado.apellido_materno }} </td>
     <td> {{ empleado.fecha_nacimiento|date:"Y-m-d" }} </td>
     <td> {{ empleado.curp }} </td>
     <td> {{ empleado.rfc }} </td>

     <td>
     {{ empleado.direccion.get_full_information|truncatechars:30 }}
     </td>

 </tr>

{% endfor %}

Construí la siguiente vista

class EmpleadosListApi(ListAPIView):
serializer_class = EmpleadoSerializer

def get_queryset(self):
    return Empleado.objects.filter(activo=1).order_by('id')

Y quiero mostrar renderizar el JSON en la tabla en lugar de usar los tags de Django. Intenté hacerlo con un ejemplo que encontré en internet usando el atributo "data-field" de Bootstrap pero no se realizar lo que requiero y no he encontrado de que manera hacerla. Es la primera vez que trabajo con APIS, soy bastante noob.