DataTable con Bootstrap 3

La entrada pasada hablábamos de como inicializar la librería de DataTable, en esta le daremos un poco de estilo con el framework de Bootstrap en la versión 3. veamos un poco de lo que estoy hablando mostrandoles la siguiente imagen.

Si logran notar, al usar Bootstrap nuestro DataTable se ve mas estilizado, aunque claro esto también lo podríamos hacer con algo de tiempo editando o sobrescribiendo el CSS que acompaña al DataTable.

Lo primero que deberíamos de hacer en el mejor de los casos es bajar el DataTable con toda la paqueteria necesaria en el siguiente link:

https://www.datatables.net/download/packages

Pero como buenas practicas deberíamos utilizar los CDN de la propia librería para equilibrar la carga de nuestro servidor, así que podríamos acceder al dowload builder con el que cuenta la pagina de DataTable y seleccionar los elementos que creemos adecuados, al final el builder nos entrega un código como el siguiente

Cuando usamos el download builder los enlaces que nos brinda pueden incluir Jquery y Bootstrap, ahorrándonos llamadas a otros lados, para usar el builder solo accedemos a esta dirección.
https://www.datatables.net/download/

Si decidimos hacer todo de manera local, nos tocara hacer los llamados de la siguiente manera

Para terminar simplemente dejare los link para acceder a ambos códigos:
Usando archivos locales
Usando la configuración de download builder

Bueno eso es todo amigos

Entradas populares de este blog

Northwind para Mysql y otras

Supongamos que necesitamos una base de datos para comenzar a hacer pruebas y a la vez necesitamos que esa base de datos contenga mucha información con la cual trabajar. En mis tiempos de universidad existía una base de datos que utilizábamos en los laboratorios con SQL Server y c# para mostrar los datos en algún formulario. El nombre era Northwind. El problema es que era solo para SQL Server, pero alguien en se dio a la tarea de exportar esa base de datos a MySql y es justo lo que te vengo a mostrar acá. Hace un tiempo atrás clone de los repositorios de Google Code esa información (que como algunos de ustedes sabrá dejara de estar al servicio de todos en un tiempo). Modifique un poco la DB de Mysql para que se pudiera ejecutar el script sin ningún problema. Lo interesante de todo esto es que puedes utilizar los demás script para diferentes gestores de base de datos Se advierte que para poder usarlas adecuadamente hay que modificar los campos de tipo longblob y qu...

How to upload File from form data POST in Android with Retrofit 2

The last day I explain how to upload a simple CSV file using node . And now I teach how to upload from android device. Get source code here: GitHub This article is write in java... later I'll add the method for kotlin. The logic is not changed, only the format code. 1) Is necessary add the dependencies in gradle: module implementation 'com.google.code.gson:gson:2.8.6' // RETROFIT // implementation 'com.squareup.retrofit2:retrofit:2.6.2' implementation 'com.squareup.retrofit2:converter-gson:2.6.2' implementation 'com.squareup.retrofit2:converter-scalars:2.5.0' 2) Add permissions in AndroidManifest.xml and modified the application for work with network security policy <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> in applitacion add ...

Como encriptar AES con Node JS

Puedes descargar el proyecto desde este enlace El otro día surgió una necesidad para encriptar contenido bajo el algoritmo AES y es la que te vengo a mostrar a continuación en la cual use Node para solventar mi necesidad. Pude haber usando cualquier lenguaje que me viniera en gana pero no quería instalar nada mas. Dependencias: NodeJS >= 12 Crypto-JS Aplicaciones recomendadas: Git bash Visual Studio Code Lo primero que necesitamos es tener una clave única (KEY) y un vector de inicialización (IV). Este ultimo no es necesario pero agrega un extra de seguridad a nuestro contenido. Para lo cual usaremos el bash de git para utilizar openssl KEY openssl rand -base64 24 IV openssl rand -base64 12 Ahora que ya tenemos estas 2 cadenas únicas. Podemos proceder a escribir nuestro código. npm init -y Luego hacemos una modificación en el package.json para que admita módulos "type": "module", Instalamos la dependencia de Crypto-JS npm i crypto-js --save Ahora importamos l...

NayosX Ness

Buscar este blog