How to consume GraphQL CRUD API using React and Apollo

Introduction In this tutorial we are going to show you how to consume GraphQL CRUD API using React and Apollo. CRUD means Create, Read, Update and Delete operations. Therefore we are going to create client application for GraphQL server. I am going to use Spring Boot framework for implementing GraphQL server. In the server side implementation we are performing CRUD…

How to add routes to existing Angular project

Introduction In this tutorial we will see how to create or add routes to existing Angular project. The situation may arise when you forget to add routes while creating new project or probably you thought that routes may not be required but later you find that routes are required for appropriate navigation in your application. By the time you discover…

How to consume GraphQL CRUD API using Angular 9 and Apollo

Here we are going to see how to consume GraphQL CRUD API using Angular and Apollo. So this is a client for GraphQL Server API. We are going to use various modules for working with GraphQl client. For GraphQL server side implementation you can use any technology and here I am going to use Spring Boot framework for performing CRUD…

Delete Multiple Table Rows from Server using React

Introduction In this tutorial we are going to show how to delete multiple table rows from server using React JS. Let’s say we have product data which got displayed on HTML table on user interface (UI). And users want to either select individual row or multiple rows for deletion from the HTML table. Therefore we will put individual checkbox against…

Delete Multiple Table Rows From Server Using Angular

Introduction In this tutorial, I will show you how to delete multiple rows from HTML table as well as from database server at one go. You might have seen tutorial how to display data from server to client side and how to select multiple rows on HTML table. I will put checkbox against each row on the table so that…

Angular Check/Uncheck Individual/All Checkbox On HTML Table Rows

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

Display Data On HTML Table From Server Using Angular And Alternate Row Color

Introduction In this tutorial I am 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). I will use Spring Boot REST API to send data on client side and consume using client side technology Angular 9. I will use ngIf, else,…

Delete Multiple Rows from Table using PHP, MySQL, AJAX, jQuery

Introduction In this tutorial we will see how to delete multiple rows from table using PHP, MySQL, AJAX, jQuery. We are going to delete rows from HTML as well as MySQL database table. We will use IN clause with WHERE condition in MySQL query to delete multiple rows from database table. We will put checkbox against each row on the table so that user…

Delete Multiple Rows from Table using Flask, AJAX, jQuery, MySQL

In this tutorial we build an application using Python based Flask framework to fetch all products from MySQL database and display on the HTML table. This example is all about to delete multiple rows from HTML as well as database tables. We will use IN clause with WHERE condition in MySQL query to delete multiple rows from database table. We…

How To Delete Multiple Rows From Table Using Codeigniter AJAX jQuery MySQL

Data Deletion In this tutorial I build an application using Codeigniter framework to fetch all records (for example, products) from MySQL database and display on the HTML table. I will put checkbox against each row on the table so that user will be able to select a particular row for deletion. I will also put a checkbox on the table…