<?xml version="1.0" encoding="us-ascii"?><InstanceReport xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><Version>2.4.0.8</Version><ReportLongName>0032 - Disclosure - 18. COMMITMENTS, CONTINGENCIES AND LEGAL PROCEEDINGS (Tables)</ReportLongName><DisplayLabelColumn>true</DisplayLabelColumn><ShowElementNames>false</ShowElementNames><RoundingOption /><HasEmbeddedReports>false</HasEmbeddedReports><Columns><Column FlagID="0"><Id>1</Id><IsAbstractGroupTitle>false</IsAbstractGroupTitle><LabelSeparator>

</LabelSeparator><CurrencyCode /><FootnoteIndexer /><hasSegments>false</hasSegments><hasScenarios>false</hasScenarios><MCU><KeyName /><CurrencySymbol /><contextRef><ContextID>From2012-10-01to2013-06-30</ContextID><EntitySchema>http://www.sec.gov/CIK</EntitySchema><EntityValue>0001074828</EntityValue><PeriodDisplayName /><PeriodType>duration</PeriodType><PeriodStartDate>2012-10-01T00:00:00</PeriodStartDate><PeriodEndDate>2013-06-30T00:00:00</PeriodEndDate><Segments /><Scenarios /></contextRef><UPS /><CurrencyCode /><OriginalCurrencyCode /></MCU><CurrencySymbol /><Labels><Label Key="CalendarSupplement" Id="0" Label="9 Months Ended" /><Label Key="Calendar" Id="1" Label="Jun. 30, 2013" /></Labels></Column></Columns><Rows><Row FlagID="0"><Id>1</Id><IsAbstractGroupTitle>true</IsAbstractGroupTitle><LabelSeparator>

</LabelSeparator><Level>1</Level><ElementName>VSUL_NotesToFinancialStatementsAbstract</ElementName><ElementPrefix>VSUL_</ElementPrefix><IsBaseElement>false</IsBaseElement><BalanceType>na</BalanceType><PeriodType>duration</PeriodType><IsReportTitle>false</IsReportTitle><IsSegmentTitle>false</IsSegmentTitle><IsCalendarTitle>false</IsCalendarTitle><IsEquityPrevioslyReportedAsRow>false</IsEquityPrevioslyReportedAsRow><IsEquityAdjustmentRow>false</IsEquityAdjustmentRow><IsBeginningBalance>false</IsBeginningBalance><IsEndingBalance>false</IsEndingBalance><IsReverseSign>false</IsReverseSign><FootnoteIndexer /><Cells><Cell FlagID="0" ContextID="" UnitID=""><Id>1</Id><IsNumeric>false</IsNumeric><IsRatio>false</IsRatio><DisplayZeroAsNone>false</DisplayZeroAsNone><NumericAmount>0</NumericAmount><RoundedNumericAmount>0</RoundedNumericAmount><NonNumbericText /><FootnoteIndexer /><CurrencyCode /><CurrencySymbol /><IsIndependantCurrency>false</IsIndependantCurrency><ShowCurrencySymbol>false</ShowCurrencySymbol><DisplayDateInUSFormat>false</DisplayDateInUSFormat></Cell></Cells><ElementDataType>xbrli:stringItemType</ElementDataType><SimpleDataType>string</SimpleDataType><IsTotalLabel>false</IsTotalLabel><UnitID>0</UnitID><Label>Notes to Financial Statements</Label></Row><Row FlagID="0"><Id>2</Id><IsAbstractGroupTitle>false</IsAbstractGroupTitle><LabelSeparator>

</LabelSeparator><Level>2</Level><ElementName>us-gaap_ScheduleOfFutureMinimumRentalPaymentsForOperatingLeasesTableTextBlock</ElementName><ElementPrefix>us-gaap_</ElementPrefix><IsBaseElement>true</IsBaseElement><BalanceType>na</BalanceType><PeriodType>duration</PeriodType><IsReportTitle>false</IsReportTitle><IsSegmentTitle>false</IsSegmentTitle><IsCalendarTitle>false</IsCalendarTitle><IsEquityPrevioslyReportedAsRow>false</IsEquityPrevioslyReportedAsRow><IsEquityAdjustmentRow>false</IsEquityAdjustmentRow><IsBeginningBalance>false</IsBeginningBalance><IsEndingBalance>false</IsEndingBalance><IsReverseSign>false</IsReverseSign><FootnoteIndexer /><Cells><Cell FlagID="0" ContextID="From2012-10-01to2013-06-30" UnitID=""><Id>1</Id><IsNumeric>false</IsNumeric><IsRatio>false</IsRatio><DisplayZeroAsNone>false</DisplayZeroAsNone><NumericAmount>0</NumericAmount><RoundedNumericAmount>0</RoundedNumericAmount><NonNumbericText>&lt;p style="font: 8pt Times New Roman, Times, Serif; margin: 0; text-align: justify"&gt;The aggregate future minimum lease payments under operating leases,
to the extent the leases have early cancellation options and excluding escalation charges, are as follows:&lt;/p&gt;

&lt;p style="font: 8pt Times New Roman, Times, Serif; margin: 0; text-indent: 0.5in"&gt;&amp;#160;&lt;/p&gt;

&lt;table cellspacing="0" cellpadding="0" style="font: 8pt Times New Roman, Times, Serif; width: 100%"&gt;
&lt;tr style="vertical-align: bottom"&gt;
    &lt;td style="padding-bottom: 1.5pt; text-align: center"&gt;&lt;font style="font-size: 8pt"&gt;Years Ended June 30,&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 1.5pt"&gt;&amp;#160;&lt;/td&gt;
    &lt;td colspan="2" style="border-bottom: black 1.5pt solid; text-align: center"&gt;&lt;font style="font-size: 8pt"&gt;Total&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="padding-bottom: 1.5pt"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: #CCEEFF"&gt;
    &lt;td style="width: 77%; text-align: center"&gt;&lt;font style="font-size: 8pt"&gt;2014&lt;/font&gt;&lt;/td&gt;
    &lt;td style="width: 1%; text-align: right"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="width: 1%"&gt;&lt;font style="font-size: 8pt"&gt;$&lt;/font&gt;&lt;/td&gt;
    &lt;td style="width: 20%; text-align: right"&gt;&lt;font style="font-size: 8pt"&gt;105,611&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="width: 1%"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: white"&gt;
    &lt;td style="text-align: center"&gt;&lt;font style="font-size: 8pt"&gt;2015&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: right"&gt;&amp;#160;&lt;/td&gt;
    &lt;td&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="text-align: right"&gt;&lt;font style="font-size: 8pt"&gt;65,292&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: #CCEEFF"&gt;
    &lt;td style="text-align: center"&gt;&lt;font style="font-size: 8pt"&gt;2016&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: right"&gt;&amp;#160;&lt;/td&gt;
    &lt;td&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="text-align: right"&gt;&lt;font style="font-size: 8pt"&gt;38,008&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: white"&gt;
    &lt;td style="text-align: center"&gt;&lt;font style="font-size: 8pt"&gt;2017&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: right"&gt;&amp;#160;&lt;/td&gt;
    &lt;td&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="text-align: right"&gt;&lt;font style="font-size: 8pt"&gt;-&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: #CCEEFF"&gt;
    &lt;td style="text-align: center"&gt;&lt;font style="font-size: 8pt"&gt;2018&lt;/font&gt;&lt;/td&gt;
    &lt;td style="text-align: right"&gt;&amp;#160;&lt;/td&gt;
    &lt;td&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="text-align: right"&gt;&lt;font style="font-size: 8pt"&gt;-&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: white"&gt;
    &lt;td style="padding-bottom: 1.5pt; text-align: center"&gt;&lt;font style="font-size: 8pt"&gt;Beyond&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 1.5pt; text-align: right"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="border-bottom: black 1.5pt solid"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="border-bottom: black 1.5pt solid; text-align: right"&gt;&lt;font style="font-size: 8pt"&gt;-&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="padding-bottom: 1.5pt"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;tr style="vertical-align: bottom; background-color: #CCEEFF"&gt;
    &lt;td style="padding-bottom: 3pt; text-align: center"&gt;&lt;font style="font-size: 8pt"&gt;Total&lt;/font&gt;&lt;/td&gt;
    &lt;td style="padding-bottom: 3pt; text-align: right"&gt;&amp;#160;&lt;/td&gt;
    &lt;td style="border-bottom: black 2.25pt double"&gt;&lt;font style="font-size: 8pt"&gt;$&lt;/font&gt;&lt;/td&gt;
    &lt;td style="border-bottom: black 2.25pt double; text-align: right"&gt;&lt;font style="font-size: 8pt"&gt;208,911&lt;/font&gt;&lt;/td&gt;
    &lt;td nowrap="nowrap" style="padding-bottom: 3pt"&gt;&amp;#160;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</NonNumbericText><FootnoteIndexer /><CurrencyCode /><CurrencySymbol /><IsIndependantCurrency>false</IsIndependantCurrency><ShowCurrencySymbol>false</ShowCurrencySymbol><DisplayDateInUSFormat>false</DisplayDateInUSFormat></Cell></Cells><ElementDataType>nonnum:textBlockItemType</ElementDataType><SimpleDataType>na</SimpleDataType><ElementDefenition>Tabular disclosure of future minimum payments required in the aggregate and for each of the five succeeding fiscal years for operating leases having initial or remaining noncancelable lease terms in excess of one year and the total minimum rentals to be received in the future under noncancelable subleases as of the balance sheet date.</ElementDefenition><ElementReferences>Reference 1: http://www.xbrl.org/2003/role/presentationRef

 -Publisher FASB

 -Name Accounting Standards Codification

 -Topic 840

 -SubTopic 20

 -Section 50

 -Paragraph 2

 -URI http://asc.fasb.org/extlink&amp;oid=6453985&amp;loc=d3e41502-112717



</ElementReferences><IsTotalLabel>false</IsTotalLabel><UnitID>0</UnitID><Label>Schedule Of Future Minimum Lease Payments For Operating Leases</Label></Row></Rows><Footnotes /><IsEquityReport>false</IsEquityReport><ReportName>18. COMMITMENTS, CONTINGENCIES AND LEGAL PROCEEDINGS (Tables)</ReportName><MonetaryRoundingLevel>UnKnown</MonetaryRoundingLevel><SharesRoundingLevel>UnKnown</SharesRoundingLevel><PerShareRoundingLevel>UnKnown</PerShareRoundingLevel><ExchangeRateRoundingLevel>UnKnown</ExchangeRateRoundingLevel><HasCustomUnits>true</HasCustomUnits><IsEmbedReport>false</IsEmbedReport><IsMultiCurrency>false</IsMultiCurrency><ReportType>Sheet</ReportType><RoleURI>http://visualant.net/role/CommitmentsContingenciesAndLegalProceedingsTables</RoleURI><NumberOfCols>1</NumberOfCols><NumberOfRows>2</NumberOfRows></InstanceReport>
