DataGrid Master/Detail

This page demonstrates how to create a master/detail relationship between two Radzen Blazor DataGrid components.

In this demo the master Orders grid on the left shows selected order's customer company name above, while the detail panel on the right displays Order Details grid and Products data list in tabs, with the first order pre-selected.

• Example
• Edit Source

Order IDfilter_alt Filter Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Custom And And Or Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Custom Clear Apply	Customerfilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty Clear Apply	Employeefilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty Clear Apply	Order Datefilter_alt Filter Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Is null Is not null Custom February January February March April May June July August September October November December 2026 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 Sun Mon Tue Wed Thu Fri Sat 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 1 2 3 4 5 6 7 8 9 10 11 12 13 14 : Ok And And Or Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Is null Is not null Custom February January February March April May June July August September October November December 2026 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 Sun Mon Tue Wed Thu Fri Sat 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 1 2 3 4 5 6 7 8 9 10 11 12 13 14 : Ok Clear Apply	Required Datefilter_alt Filter Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Is null Is not null Custom February January February March April May June July August September October November December 2026 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 Sun Mon Tue Wed Thu Fri Sat 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 1 2 3 4 5 6 7 8 9 10 11 12 13 14 : Ok And And Or Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Is null Is not null Custom February January February March April May June July August September October November December 2026 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 Sun Mon Tue Wed Thu Fri Sat 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 1 2 3 4 5 6 7 8 9 10 11 12 13 14 : Ok Clear Apply	Shipped Datefilter_alt Filter Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Is null Is not null Custom February January February March April May June July August September October November December 2026 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 Sun Mon Tue Wed Thu Fri Sat 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 1 2 3 4 5 6 7 8 9 10 11 12 13 14 : Ok And And Or Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Is null Is not null Custom February January February March April May June July August September October November December 2026 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 Sun Mon Tue Wed Thu Fri Sat 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 1 2 3 4 5 6 7 8 9 10 11 12 13 14 : Ok Clear Apply	Ship Namefilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty Clear Apply	Ship Countryfilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty Clear Apply
10248	Vins et alcools Chevalier	Steven Buchanan	07/04/2023	08/01/2023	07/16/2023	Vins et alcools Chevalier	France
10249	Toms Spezialitäten	Michael Suyama	07/05/2023	08/16/2023	07/10/2023	Toms Spezialitäten	Germany
10250	Hanari Carnes	Margaret Peacock	07/08/2023	08/05/2023	07/12/2023	Hanari Carnes	Brazil
10251	Victuailles en stock	Janet Leverling	07/08/2023	08/05/2023	07/15/2023	Victuailles en stock	France
10252	Suprêmes délices	Margaret Peacock	07/09/2023	08/06/2023	07/11/2023	Suprêmes délices	Brazil

Company: Vins et alcools Chevalier

• Order Details
• Products

Orderfilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty Clear Apply	Productfilter_alt Filter Contains Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty And And Or Equals Equals Not equals Contains Starts with Ends with Does not contain Is null Is empty Is not null Is not empty Clear Apply	Unit Pricefilter_alt Filter Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Is null Is not null Custom And And Or Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Is null Is not null Custom Clear Apply	Quantityfilter_alt Filter Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Is null Is not null Custom And And Or Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Is null Is not null Custom Clear Apply	Discountfilter_alt Filter Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Is null Is not null Custom And And Or Equals Equals Not equals Less than Less than or equals Greater than Greater than or equals Is null Is not null Custom Clear Apply
VINET	Queso Cabrales	$14.00	12	0%
VINET	Singaporean Hokkien Fried Mee	$9.80	10	0%
VINET	Mozzarella di Giovanni	$34.80	5	0%

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under MIT