datatable after loading function

ByAnurag batra September 19, 2022September 6, 2022

Spinner Example 
$(document).ready(function() {
   var table = $('#table_id').DataTable({
     "language": {
                    "processing": ''
                 }
   });
 });

Here is what the above code is Doing:
1. We are using the jQuery library to select the table with the id “table_id” and then we are initializing the DataTable() method on it.
2. We are using the language option to set the processing text to a spinner.
3. We are using the font-awesome library to display the spinner.

Now, let’s see how to display a spinner while the table is loading.

Javascript Examples

google apps script moment js

ByAnurag batra July 12, 2022June 30, 2022

function testMoment() { eval(UrlFetchApp.fetch(‘https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js’).getContentText()); var date = moment().format(“MMM Do YY”); Logger.log(date) } Here is what the above code is Doing: 1. It’s fetching the moment.js library from the CDN. 2. It’s using the eval() function to evaluate the moment.js library. 3. It’s using the moment() function to get the current date. 4. It’s using the…

Javascript Examples

automated counter with react hooks

ByAnurag batra October 20, 2022September 6, 2022

import React, { useState } from ‘react’; function Example() { // Declaración de una variable de estado que llamaremos “count” const [count, setCount] = useState(0); return ( You clicked {count} times setCount(count + 1)}> Click me ); } Here is what the above code is Doing: 1. We call useState. This is a Hook. We…

Javascript Examples

jquery hide select option

ByAnurag batra October 1, 2022September 6, 2022

$.each(results[‘hide’], function(name, title) { $(“#edit-field-service-sub-cat-value option[value=title]”).hide(); $(“#edit-field-service-sub-cat-value option[@value=title]”).hide(); }); Here is what the above code is Doing: 1. It’s getting the value of the field_service_cat field. 2. It’s using that value to get the results from the AJAX callback. 3. It’s looping through the results[‘show’] array and showing the options that match the values in…

slick.min.js:1 Uncaught TypeError: Cannot read property ‘add’ of null

Javascript Examples

slick.min.js:1 Uncaught TypeError: Cannot read property ‘add’ of null

ByAnurag batra July 10, 2022June 30, 2022

$(“.slider”).not(‘.slick-initialized’).slick() Here is what the above code is Doing: 1. We’re selecting all the elements with the class “slider” 2. We’re filtering out all the elements that have the class “slick-initialized” 3. We’re initializing slick on the remaining elements

Javascript Examples

toggle buttons angular styles

ByAnurag batra October 8, 2022September 6, 2022

@import ‘~@angular/material/theming’; @include mat-core(); $app-primary: mat-palette($mat-indigo); $app-accent: mat-palette($mat-pink, A200, A100, A400); $app-theme: mat-light-theme($app-primary, $app-accent); @mixin mix-app-theme($app-theme) { $primary: map-get($app-theme, primary); $accent: map-get($app-theme, accent); .mat-button-toggle { background-color: mat-color($primary); color: mat-color($primary, default-contrast); } .mat-button-toggle-checked { background-color: mat-color($accent); color: mat-color($accent, default-contrast); } } // Include the mixin @include mix-app-theme($app-theme); Here is what the above code is Doing: 1….

Javascript Examples

array[-1] not working

ByAnurag batra October 1, 2022September 6, 2022

var array = [1, 2, 3]; array[-1] = 42; console.log(array); console.log(array[-1]); Here is what the above code is Doing: 1. We create an array with three elements. 2. We set the value of the element at index -1 to 42. 3. We log the array to the console. 4. We log the value of the…

Similar Posts