Delete Multiple Table Rows from Server using Angular 9

Introduction In this tutorial we will see how to delete multiple rows from HTML table as well as from database server at one go. We have seen tutorial how to display data from server to client side and how to select multiple rows on HTML table. We will put checkbox against each row on the table so that user will be able to select a particular row for deletion. We will also put a checkbox on the table header and selecting this checkbox all rows on the table will be…

Continue

Angular 9 Check/Uncheck Individual/All Checkbox on HTML Table Rows

Introduction Here we will create an example on how to check/uncheck individual/all checkbox on HTML table rows. We have seen how to display data from server using Angular and alternate row color using CSS. We will put checkbox against each row on the table so that user will be able to select a particular row. We will also put a checkbox on the table header and selecting this checkbox all rows on the table will be selected.

Continue

Display Data on HTML Table from Server using Angular 9 and Alternate Row Color

Introduction In this tutorial we are going to show you how to display data from server using Angular 9 and how to apply two different colors on alternate rows using css (cascading style sheet). We will use Spring Boot REST API to send data on client side and consume using client side technology Angular 9. We will use ngIf, else, ngFor directives to render data conditionally. We will show elseBlock if no record is found from the REST API. We will use index to determine odd or even column and…

Continue

How to use CSS in WordPress Plugin

Introduction We will discuss here how to use CSS in WordPress plugin. We will use the same plugin we created in the example. We have seen how to use AJAX, jQuery in our previous tutorial. This example will also show you how to en-queue CSS file. Till now our simple email subscription form does the necessary things what it required. But in this example we will apply some style to make it look more better. The basic idea of this post is to show you how to use CSS (Cascading Style Sheet) in…

Continue