Current File : //home/obabain/khb_obaba_in/propertyview.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
           <%@ include file="Connection.jsp" %>
            <%@page import="java.sql.ResultSet"%>
            <%@page import="java.sql.*,java.util.*"%>
            
            <%
             Statement st=con.createStatement();
            %>

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
 <html>
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    
  <title>Insert title here</title>

</head>
<%@include file="master.jsp"%>

  <script src='https://code.jquery.com/jquery-3.3.1.js'></script>   
 <script src='https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js'></script> 
 <script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js" charset="utf-8"></script>   
 <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.css">  -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css"> 

 <style>
 table {
    border-collapse: collapse;
    border-spacing: ;
    width: 80%;
    border: 1px solid #ddd;
} 

th,td{
    text-align: left;
    padding: 16px;
} 

tr:nth-child(even) {
    background-color: #f2f2f2
}

.rrow {
   display:inline-block;
    clear: both;     
} 
 .center {
    margin: auto;
    width: 100%;
    padding: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
} 
.hideform
 {
  display:none;
 }   
</style>  
<body>

  <form action="" method="post">
       <div class="row">
          <div class="col-md-6">
            <div class="panel panel-default">
              <div class="panel-heading main-color-bg">
                   <h3 class="panel-title">Mechanical Property View</h3>
                   <a style="background:;margin-top:-23px; " class="btn btn-success pull-right" href="properties.jsp">Add New</a>
              </div>
              
  <div class="panel-body"> 
   
    <table class="table table-bordered">
    <thead>
      <tr class="success">
        <th>Sl No</th>
        <th>Grade's</th>
        <th>Delete</th>     
      </tr>
    </thead>

     <%
       try
       {
        ResultSet rs = st.executeQuery("select * from mech_properties");  
        while(rs.next())
        {
     %>
    
      <tbody>
         <tr>
          
         
     <td scope="col">
         <%=rs.getString("m_id") %>
     </td>
     
       <td scope="col">
         <%=rs.getString("m_properties") %>
     </td>


 
    <td scope="col">
       <a href="deleteproperties.jsp?id=<%=rs.getString("m_id")%>">  <span class="glyphicon glyphicon-remove"  ></span></a>
     </td>
 
 
    </tbody> 
      <%
        }

       } 
       catch (Exception e) 
       {
        e.printStackTrace();
       }
    %>
  </table>
		




<input type="button" value="Back" style="background:#204b58;" class="pull-left btn btn-info" onclick="goBack()">
<script>
function goBack() 
{
    window.history.back();
}
</script>

             </div> 
              
         </div> 
      </div>
   </div>

    
<script type="text/javascript">
 function goBack() 
   {
    window.history.back();  
   };
</script>       
         
</body>
</html>