var jsonData = [
{
"id": "1",
"status": "Activo",
"uso": "Oficina",
"colonia": "Los Callejones",
"precio_venta": "$ 12,964,000.00",
"precio_renta": "$ 118,836.67",
"metro_construccion": "280.00",
"metro_terreno": "0.00",
"precio": "$ 46,300.00/m2",
"latitud": "-25.741145",
"longitud": "-100.403737"
},
{
"id": "2",
"status": "Activo",
"uso": "Oficina",
"colonia": "Cumbres 2do Sector",
"precio_venta": "$ 1,299,650.00",
"precio_renta": "$ 11,913.46",
"metro_construccion": "23.00",
"metro_terreno": "0.00",
"precio": "$ 56,506.52/m2",
"latitud": "-25.741145",
"longitud": "-100.403737"
},
{
"id": "3",
"status": "Activo",
"uso": "Oficina",
"colonia": "Colinas de San Jeronimo",
"precio_venta": "$ 1,850,000.00",
"precio_renta": "$ 16,958.33",
"metro_construccion": "23.00",
"metro_terreno": "0.00",
"precio": "$ 80,434.78/m2",
"latitud": "-25.741145",
"longitud": "-100.403737"
}
];
$(document).ready(function() {
var buttonCommon = {
filename: "MiArchivo",
exportOptions: {
columns: [ 0, 1, 2, 5, 6, 7, 8, 11, 12 ],
orthogonal: "myExport",
format: {
body: function ( data, row, column, node ) {
// Strip $ from salary column to make it numeric
return column === 3 ?
data.replace( /[$,]/g, '' ) :
data;
}
}
}
};
$('#example').DataTable( {
data: jsonData,
columns: [
{ data: 'id' },
{
data: 'status',
render: function(data, type, row, meta) {
if(type = "myExport")
return data;
else
return '<div class="botonActivo">' + data + '</div>';
}
},
{
data: 'uso',
render: function(data, type, row, meta) {
if(type = "myExport")
return data;
else
return '<span class="tipoedificio tipo11">' + data + '</span>';
}
},
{ data: 'colonia' },
{ data: 'precio_venta' },
{ data: 'precio_renta' },
{ data: 'metro_construccion' },
{ data: 'metro_terreno' },
{ data: 'precio' },
{
data: null,
render: function(data, row, full, meta) {
return '<button>Ver</button>';
}
},
{
data: null,
render: function(data, row, full, meta) {
return '<button>Cambiar</button>';
}
},
{ data: 'latitud' },
{ data: 'longitud' }
],
dom: 'Bfrtip',
buttons: [
$.extend( true, {}, buttonCommon, {
extend: 'excelHtml5'
})
]
});
});
<link href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css" rel="stylesheet"/>
<link href="https://cdn.datatables.net/buttons/1.6.4/css/buttons.dataTables.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.4/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.html5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<table id="example" class="display" style="width:100%">
<thead>
<tr>
<th>Id</th>
<th>Status</th>
<th>Uso</th>
<th>Colonia</th>
<th>Precio de Venta</th>
<th>Precio de Renta</th>
<th>M2 Construccion</th>
<th>M2 Terreno</th>
<th>Precio</th>
<th>Opciones</th>
<th></th>
<th>Latitud</th>
<th>Longitud</th>
</tr>
</thead>
</table>