The (INNER) JOIN Clause
The (INNER) JOIN clause is used to combine rows from two or more tables, based on a related column between them.
|
|
SELECT column_name(s)
FROM table1 INNER JOIN table2
ON table1.column_name = table2.column_name;
|
|
Let’s look at a selection from the Orders table:
| OrderID |
CustomerID |
OrderDate |
| 10308 |
2 |
2025-09-18 |
| 10309 |
37 |
2025-09-19 |
| 10310 |
77 |
2025-19-20 |
Then, look at the selection from the
Customers table:
| CustomerID |
CustomerName |
ContactName |
Country |
| 1 |
Alfreds Futterkiste |
Maria Anders |
Germany |
| 2 |
Ana Trujillo Emparedados y helados |
Ana Trujillo |
Mexico |
| 3 |
Antonio Moreno Taquería |
Antonio Moreno |
Mexico |
Notice that the
CustomerID column in the
Orders table refers to the
CustomerID in the
Customers table.
The relationship between the two tables above is the
CustomerID column.
Then, we can create the following SQL statement (that contains an
INNER JOIN), that selects records that have matching values in both tables:
SELECT Orders.OrderID, Customers.CustomerName, Orders.OrderDate
FROM Orders INNER JOIN Customers
ON Orders.CustomerID=Customers.CustomerID;
|
and it will produce something like this:
| OrderID |
CustomerName |
OrderDate |
| 10308 |
Ana Trujillo Emparedados y helados |
9/18/2025 |
| 10365 |
Antonio Moreno Taquería |
11/27/2025 |
| 10383 |
Around the Horn |
12/16/2025 |
| 10355 |
Around the Horn |
11/15/2025 |
| 10278 |
Berglunds snabbköp |
8/12/2025 |
Demonstration
Below is an SQL test area from W3Schools, which uses the well-known Northwind sample database.
The tables here are for read only because of the problem of embedding the scripts.
For a fully working example, check this by using Chrome.
|
|
The Database includes:
| Tablename | Record |
| Customers | 91 |
| Categories | 8 |
| Employees | 10 |
| OrderDetails | 518 |
| Orders | 196 |
| Products | 77 |
| Shippers | 3 |
| Suppliers | 29 |
|
This SQL-Statement is not supported in the WebSQL Database.
The example still works, because it uses a modified version of SQL.
Your browser does not support WebSQL.
Your are now using a light-version of the Try-SQL Editor, with a read-only Database.
If you switch to a browser with WebSQL support, you can try any SQL statement, and play with the Database as much as you like. The Database can also be restored at any time.
Our Try-SQL Editor uses WebSQL to demonstrate SQL.
A Database-object is created in your browser, for testing purposes.
You can try any SQL statement, and play with the Database as much as you like. The Database can be restored at any time, simply by clicking the "Restore Database" button.
W3C WebSQL
WebSQL stores a Database locally, on the user’s computer. Each user gets their own Database object.
WebSQL Browser Support
WebSQL is supported in Chrome, Safari, and Opera.
If you use another browser you will still be able to use our Try SQL Editor, but a different version, using a server-based ASP application, with a read-only Access Database, where users are not allowed to make any changes to the data.