Adding the onclick event to a field of each row in the Ajax datatables in HTML

I have a datatables table that uses JSON data to display information in the table.
I put the desired link along with its ID on one of the fields of each row so that the user can enter the page specific to the details of each field .
But now, instead of using the a tag, I want to create an onclick event that will open a web page for me by calling window.open(‘https://somewhere’).
I want to set an event on the data that comes from the title
I did a short search on the internet but did not find any results
Thank you for your help

The general form of codes related to the table and table script

table structure :

<table class="datatables-basic table table-bordered">
            <thead>
                <tr>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th>schoolName</th>
                    <th>HeadName</th>
                    <th>PhoneNumber</th>
                    <th>HeadPhoneNumber</th>
                    <th>Address</th>
                    <th>IsActive</th>
                    <th>DO</th>

                </tr>
            </thead>
 </table>

table script (DataTable):

 $(function () {

            var dt_basic_table = $('.datatables-basic'),
                dt_basic;

            // DataTable with buttons
            // --------------------------------------------------------------------

            if (dt_basic_table.length) {
                var listFilesUrl = "https://localhost:44309/AllSchools";
                dt_basic = dt_basic_table.DataTable({
                    ajax: listFilesUrl,
                    columns: [
                        { data: '' },
                        { data: 'schoolId' },
                        { data: 'schoolId' },

                        //I want to set an event on the data that comes from the title
                        { data: 'title',
                            render: function (data, type, row) {
                                return $('<a>')
                                    .attr({ target: "_blank", href:"https://localhost:44309/RenderSchool?schoolId=" + row.schoolId })
                                    .text(data)
                                    .wrap('<div></div>')
                                    .parent()
                                    .html();
                            }
                        },

                        { data: null,
                            render: function (data, type, row){
                                var details = row.headFirstName + " " + row.headLastName;
                                return details;
                            }
                        },
                        { data: 'phoneNumber' },
                        { data: 'headPhoneNumber' },
                        { data: 'address' },
                        { data: 'isActive' },
                        { data: '' }
                    ],