65 lines
2.6 KiB
Plaintext
65 lines
2.6 KiB
Plaintext
<apex:page controller="opportunityDataTableController" lightningStyleSheets="true" showHeader="false" sidebar="false" applyHtmlTag="false" applyBodyTag="false" docType="html-5.0" standardStylesheets="false">
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css"/>
|
|
|
|
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
|
|
<script src="https://cdn.datatables.net/1.13.5/js/jquery.dataTables.min.js"></script>
|
|
|
|
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.5/css/jquery.dataTables.min.css" />
|
|
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.5/css/dataTables.bootstrap4.min.css"/>
|
|
<style>
|
|
body{ background-image:url('https://i.stack.imgur.com/spmUM.gif');
|
|
color:white;
|
|
};
|
|
th{
|
|
color:white;
|
|
|
|
};
|
|
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="mx-auto" style="width: 200px;">
|
|
Opportunity Records Assiociated with Account
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<table id="myTable" class="table table-striped table-bordered bg-dark" style="color:white" >
|
|
<thead style="color:white">
|
|
<tr>
|
|
<th>Opportunity Name</th>
|
|
<th>Stage Name</th>
|
|
<th>Close Date</th>
|
|
<th>Account Name</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<apex:repeat value="{!opportunity}" var="opp">
|
|
<tr >
|
|
<td >{!opp.Name}</td>
|
|
<td>{!opp.StageName}</td>
|
|
<td>{!opp.CloseDate}</td>
|
|
<td>{!opp.Account.Name}</td>
|
|
</tr>
|
|
</apex:repeat>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#myTable').DataTable();
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
</apex:page> |